Rick,

I really like your blog! Using the sidebar for the applets was a good idea. I'm not sure if it's just me, but when I click to see the code for the applet, the first character of each line is cut off. I'm using Firefox 3.0.

Matthew

Quote:


That is one of the problems with displaying the applets in that iframe. The area is not wide enough to display all the text. I wish I could find a way to fix that without editing all the auto-generated applets.

In Firefox you can right click on the text and go to "this frame > open frame in new tab (or window)." I don't know about other browsers. Any suggestions anyone?

Anyway, thanks for looking guys.

I was kind of hoping to find an alternative to an iframe when I was making it. I think you can do the same basic thing with object tags and set the content to text/html. I thought I saw that somewhere but I haven't been able to find it again.

Changing the links to open in a new window would be okay, but then I would have to change each of the generated HTML files before uploading. I guess I shouldn't be so lazy but I was hoping to avoid that. You can always right click the source link and choose open in new window / tab.

Can we have a link to your blog? Your options depend on what service you are blogging through.

Thank you. Please do use it and finish your blog. Post it up here when you do. Web design can be frustrating but I would like to see it.

looks good!

Dunno if anyone is interested, but I'm doing kind of something similar using the jquery / thickbox modules (using drupal - probably modules for blogger/wordpress exist as well). I just upload the html generated from the PDE as is, then tell thickbox to launch that in its modal window with blacked background etc. If you don't have JavaScript it degrades gracefully to just launching the page.

code is pretty straightforward, you just give the link a class of "thickbox" and the module javascript takes care of the rest...

Code:

<a href="/files/memotv/fluid1/index.html?placeValuesBeforeTB_=savedValues&TB_iframe=true&width=1000&height=650&modal=true" class="thickbox">here</a>
 

It's not everyones cup of tea, but could be useful for some...

you can see it in in action at http://www.memo.tv/tags/processing_org (only the May 27, Nov 11 & Nov 10 posts have it) - click the red <here> to see it.

Sorry, I somehow missed these latest posts.

I have modified the Blogger template so there is room on the left, the "sidbar", to fit my 400px sketches. The code I posted goes in a "gaget." On the layout page click "add gaget and choose the javascript/html one."

Then a link to put something in the box looks like this:
Code:

<a href="#7290801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/circleFrame/'">view this sketch</a>
 

Put the link to your sketch directory, or whatever you want to appear in the iframe, between the single quotes. The href= part is what it links to; here its an anchor link which can be created like this:
Code:

<a name="7290801"></a>
 

The page then scrolls to wherever the anchor link is when the above link is clicked. I really only put the anchor links in to make it show the standard hand cursor when you use the "view sketch" links and there is probably a better way to do that part.

I also tried ThickBox a while back before I started using this and had some trouble with it working on my local computer so I didn't use it. It might work better with the stuff actually online but I think I had to change the generated HTML to get it to work in IE6. Also it crashed browsers when I clicked the sketch to focus it and then hit ESC to close the box. I believe that was the scenario.

Anyway I hope that was helpful.

Edit: I can post my template if anyone wants it.