Phil Chett 09 Aug 2008 22:56
Best way of demonstrating is by example. :-)
Note the url addy in the iframe. it has after it /code/n
where "n" is the number of the code block to look at.
++ first code block
[[iframe http://community.wikidot.com/blog:html-within-wikidot-type-2/code/1 frameborder="0" scrolling="no" width="100%" height="300"]]
++ second code block
[[iframe http://community.wikidot.com/blog:html-within-wikidot-type-2/code/2 frameborder="0" scrolling="no" width="100%" height="300"]]
++ third code block
[[iframe http://community.wikidot.com/blog:html-within-wikidot-type-2/code/3 frameborder="1" scrolling="no" width="100%" height="300"]]
The code must be between
[[code type="html"]]
insert the code here
[[/code]]
Mention the lowercase of the "html" ! Uppercase "should" work too ( soon) …
first code block
Notes.
Save the page
So you have added the html code between the code block and added an iframe.
If you preview it it may say in the iframe box, page does not exist! or similar error
You MUST save the page.
It may still say page does not exist! or similar error
DON'T PANIC!!!
its because its all stored wrong in your browser cache.
Clear it! i have found this to be the most frustrating thing in getting this to work. Every change you make to the edit box, clear your cache on refreshing.
better still close the browser, with options set to clear cache on closing, and then fire it up again!
Hide the code
You can hide the code block with the comments tags:
[!--
[[code type="html"]]
.
.
[[/code]]
--]
or use the collapsible method.
second code block
third code block
This one (at the moment) does not work in ie7
I have included it to demonstrate one of the limitations of including html in wikidot.
Because the code is magically shifted else where, and isn't actually on YOUR page, its shifted to a magical place called wdfiles.
Only trouble is, there is not direct communication between wdfiles and YOUR page.
to demonstrate this below is a social org gizmo.(not viewable in IE7 If you click it, and have a look at one the the social thingies that you are signed up for, you will note that its is talking about linking to wdfiles and not the page that you are actually on. Or in other words. For things like this is just isn't going to work
THE CODE BLOCKS
these can be anywhere on a page. i have just clumped them here for clarity.
1st code block
<html> <head> <title>This text appears in the browsers title bar</title> </head> <body> <div align="center"> <marquee bgcolor="#000080" scrollamount="2" direction="up" loop="true" width="60%"> <center> <font color="#ffffff" size="+1"><strong> WIKIDOT ROCKS<br> Demonstration of including html<br> <br> via iframe using code block </strong></font> </center> </marquee></div> </body> </html>
2nd code block
<html> <head> <title>This text appears in the browsers title bar</title> </head> <body> <div align="center"> <marquee bgcolor="#000080" scrollamount="2" direction="up" loop="true" width="60%"> <center> <font color="#ffffff" size="+1"><strong> Demo Two <br> this is the second <br> <br> code block on this page </strong></font> </center> </marquee></div> </body> </html>
3rd code block
<html> <body> <!-- SocialList.org BEGIN --> <script type="text/javascript"> sociallist_url = location.href; sociallist_title = document.title; sociallist_text = ''; sociallist_tags = ''; </script><script type="text/javascript" src="http://www.sociallist.org/widget.js?type=1&cols=3&rows=5&button_dx=160&button_dy=24&lang=en"></script> <noscript> <a href="http://www.sociallist.org/submit.php?type=1&lang=en&url=refpage&title=refpage&tag=refpage&text=refpage" target="_blank" title="Bookmark this Website"><img src="http://www.sociallist.org/buttons/en160x24.gif" border="0" width="160" height="24" alt="Bookmark" /></a> </noscript> <!-- SocialList.org END --> </body> </html>
Sorry, but the 3. Code Block with the social bookmarks works only on my FF2 and not in IE7!
In IE / I see nothing ( and nothing is here… .. not sure if this is my security switch or something like these options…
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
Oh F&^%!!!!
yep your right.
BUT i ma not going to try and fix it, because i dont know how to! :-)
i will edit the doc to mention this.
It doesn't work in my wikidot. I made Marquees in blogger and there, all is OK. In our forum too.
Sorry, Georges, I do not understand "where" the problem is - what does not work where?
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
It doesn't work at http://georges42.wikidot.com/marquee
Sure you'll give me the solution. ;)
Georges42,
You just omitted to iframe your block with
I tried it… Yes, it works for some marquee. But I look for mine ;)
I am from Namur and working in Guatemala from 1968. French is ok :D
Hi Georges!
Your Page source for revision no. 6 looks very good…
Wat you need is the <html> - </html> block INSIDE a [[code type="HTML"]] block!
And the marquee- cpdings inside the <body> - block
I would change the page source to following:
[[iframe http://georges42.wikidot.com/marquee/code/1 frameborder="0" width="100%" height="400px"]
[[code type="HTML"]]
[[/code]]
And if you want to hide the copde block itself - put it on another page called "marquee-codes" to split the code from the iframed usage - or hide the code behind a little collapsible block..
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
I am trying to add a simple HTML Amazon link to my page and am having quite a bit of trouble. I wasn't intending to have an imbeded page, just some code. Can someone take a look and see if I am missing something simple?
http://runelords.wikidot.com/the-books
add this line after that:
The problem is that [[code]] tags only displays it. You also might want to put this above the first code line:
and this under the end of the [[/code]] line:
You might have to clear your browser cache.
Scorpius, I too have an Amazon Associates account and the wiki syntax on your page seems to be correct. You have the right closing tags for the div etc (although I would use comment tags [!-- --] rather than divs to hide the code) and it's not an issue of clearing the cache on this occasion.. But which part of Amazon Associates are you getting the code from? Because for me the code is very different and looks like this:
which when put inside an iframe:
gives:
My code and your code are both on my page at http://strathviewconsultants.wikidot.com/support:amazon so if you are able to provide any more info about which Amazon Associates page that code came from I'm sure we can gert it working for you.
Rob
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
I edited the page several time since posting this because I didnt know how long it would take to get responses. I must say I am surprised at such fast and helpful responses.
The code from Amazon is
I got it by creating a link, via the associate bar, from this page http://www.amazon.com/gp/product/0812541626?ie=UTF8&tag=runelo-20&link_code=as3&camp=211189&creative=373489&creativeASIN=0812541626.
I selected image only, large image.
The code I gave you above was the widget. For the store the code it gives me is:
and the result is this:
I will ,look at your code and the link and report back shortly.
Rob
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
Well if that was only page you wanted to display you could do a straight iframe:
which would give you:
I'm still trying to find where that code came from you provided!
Rob
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
If you go to that page while logged into Amazon as an associate, you'll have a grey bar at the top of the page. You're 2nd option, if on default settings, is link to this page.
OK I'm with you now (I was being a numpty as usual). Back shortly after some testing.
Rob
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
Linking to the page is no problem as you just need to adjust the code and put it in an iframe as follows:
which gives:
Does this give you what you want? If you want to show just the image that is more of a problem and I haven't yet done that successfully.
Rob
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
I wish it were possible I add a cool html doc on my page. [Business Ideas]
I really need it, and since the e.g so far do not work on the browsers with the most of my visitors, I still need help. please I need your help?
Please provide a bit more information, you've not said what it is you are trying to put on your page.
Rob
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.