Shiny Happy Random Thread

For those times when Skem9 goes down and we need a back-up plan....

▶ Reply to This

Replies to This Discussion

Permalink Reply by AnGella on March 15, 2012 at 8:04am

Excellent.

▶ Reply

Permalink Reply by AnGella on March 15, 2012 at 8:14am

I am still searching for tutorials on how to upgrade to a same page preview for the Gens. I lost my notes from you when Skem9 went down. :(

▶ Reply

Permalink Reply by AnGella on March 15, 2012 at 9:20am

When I add the preview to a div on the same page it screws up the gen style. How do I include it so that it's CSS doesn't break the Gen CSS?

▶ Reply

Permalink Reply by AnGella on March 15, 2012 at 10:03am

Putting it in an iframe helped, but how to get the preview button to make changes in Iframe is next challenge.
http://blog.skemaholicsanonymous.com/BONGen/BONGen/bonGen.php

▶ Reply

Permalink Reply by AnGella on March 15, 2012 at 12:57pm

I think I did it!

▶ Reply

Permalink Reply by AnGella on March 15, 2012 at 7:27pm

Ok B. I did it but it doesn't work in IE. :(

▶ Reply

Permalink Reply by Brandon P. on March 15, 2012 at 7:30pm

How are you doing it? Do you submit the form to the iframe, or what?

▶ Reply

Permalink Reply by AnGella on March 15, 2012 at 7:36pm

This is on the preview page for the IE issue:

<?if(strpos($_SERVER['HTTP_USER_AGENT'],'MSIE')!= false){?>
<form action="" method="post">
<textarea name="done" id="PrevCode" style="width:100%; height:500px; overflow: scroll; background:#999999; color:#000000; font-size: 14px; border:1px solid #0af;">
<? if(isset($_POST['done'])){echo str_replace('\\','',$_POST['done']);} ?>
</textarea>
<? if(isset($_POST['done'])){echo'<script type="text/javascript">DisplayPreview()</script>';}?>
<input type="submit" value="Click for Preview">
</form>
<? }
else{?>
<textarea id="PrevCode" style="width:100%; height:500px; overflow: scroll; background:#999999; color:#000000; font-size: 14px; border:1px solid #0af;">
<? if(isset($_POST['done'])){echo str_replace('\\','',$_POST['done']);} ?>
</textarea>
<input type="button" value="Click for Preview" onclick="javascript:DisplayPreview()">
<?}?>
<script type="text/javascript">DisplayPreview();</script>
</center>

This is on the form file:

Gen form stuff here

<input type="submit" value="Finished->" name="finished" />
<br>
<br>
<input type="reset" value="Reset Form" />

And this is on the bonGenfile:

<?
if(isset($finished)){
   echo'<form action="http://blog.skemaholicsanonymous.com/Previews/BONGenEdit.php" onclick="this.target=\'my_iframe\';" method="post">
       <textarea onclick="select()" name="done" id="code" onclick=\'this.replace("\n\n","");\'>';
           include('bonStyle.css');
   echo'</textarea>';
   echo'<br /><input type="submit" value="Preview" name="subPreview" />
       </form>';
}
?>

<script type="text/javascript">DisplayPreview();</script>

So yes, I am targeting the iframe.

▶ Reply

Permalink Reply by Brandon P. on March 15, 2012 at 7:51pm

Try putting that in the head portion of the previewer.

My stuff got filtered. balls.

This: http://pastebin.com/j5bbDYxs. Also, I just realized the generator adds the style tags, so you can take those out of the line in the pastebin link.