IWeb HTML Widget Code

Hi, I have a couple of HTML widgets on my site (they are games) that aren't displaying correctly. My other HTML widgets work great but these don't. Here's a link to the games page where you can pick a game and diagnose my problem. http://imasterweb.net/Site/Games.html

This is the code:
<iframe height="XXXpx" allowTransparency="true" frameborder="0" scrolling="no" style="width:XXXpx;border:none" src="URL TO ITEM TO BE EMBEDDED"></iframe>
OT

Similar Messages

Using iWeb HTML code with email autoresponder software

Hi, I'd like to be able to use iWeb html code with an email autoresponder package, however, the text in the resulting emails is unformatted and has no images. My chosen company,AWeber, haven't been able to solve this yet for me (I've tried all the major autoresponder companies with same result).
I've tried hosting my email page both to Mac.com and www but it makes no difference.
I've seen similar queries in this forum - has anyone cracked it yet?
Thanks

Not sure what you expect. Your URL is absolute and pointing to a local file resource. It's not a proper relative HTML link. Beyond that it's toatlly unclear how you actually plan to load your image and where they are hosted, so nobody can tell you anything. Either way, there is an obviously painful lack of understanding of even the most basic web techniques, so the best advise anyone would give you is to spend some time with a web search and actualyl learn some of that stuff...
Mylenium

Pasting code for HTML Widget, not working!

Hello,
I recently watched the support video for widgets and Adobe Muse, and the video stated you simply copy the code for HTML Widget, and once you paste it into Adobe Muse, Muse would be able to automatically recognize that it is a widget and it would paste correctly. However, when pasting my HTML code into Muse I literally get the code. Nothing appears!
Any help would be greatly appreciated! Thanks!
Brandon

Brandon,
If the code you're pasting appears to Muse to be valid HTML to embed, it should automatically paste as an HTML page item. If it's pasting as text, it may not be valid HTML, or Muse might not recognize it.
You can also choose 'Insert HTML...' from the Object menu, and then paste your HTML into the dialog box.

HTML Widgets

I'm having difficulty in understanding how to use the html widget. I've just uploaded a website - http://www.stelphins.co.uk - and want to monitor the number of hits etc on Google Analytics. Google Analytics has provided me with the relevant html code which I have copied, then clicked on the html widget in iWeb, pasted the coding into the box which appears, and then clicked 'apply'.
My queries are two fold - firstly, is there anyway of telling whether the coding has worked or will I just have to wait until Google Analytics becomes active?
Secondly, when I clicked on the html widget, it placed the box in the centre of the page. As it's normal to put the coding towards the top of the page, how do I get it to do this. At the moment I've just put the coding on the 'Home' and 'About Us' pages.

It will be listed as that as you have placed the code for your site in an html snippet, so it might well be listed as widget.
The other way that I add Google analytics to my own site is to use iWebSEO and you can add tags as well, but you do need to do this post publishing - so publish your site from iWeb to a local folder and open your site with iWebSEO and add it all - add in the code and iWebSEO places it automatically. You do have to re-do this every time you alter your site and it means that you need to use iWebSEO to upload or something like Cyberduck to upload too, but it does not take long.

Soundcloud widget code won't preview in Muse.

Trying to share a podcast from Soundcloud, so I copied/pasted the widget code link into Adobe Muse (v4.1). Under Object menu I chose Insert HTML... and pasted the correct code:
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F97900481"></iframe>
The Soundcloud player won't show up in Muse's Design or Preview mode. Instead it displays "Couldn't connect to the server. Please try again later." and a Soundcloud logo. I tried the same code in iWeb just to verify it, and it DOES work there.
Any clues as to why it won't work in Muse?
Thanks,
Mike

Yes, it did works after published in Muse! I embeded soundcloud html code into Muse (It did not work in preview mode) as webpage below:
http://www.uybantochucbaucu.com/radio-video.html
_ Try to publish, and see what happens ?!

Warning about drop-down html widget

There's a widget to add a drop-down menu on iWeb pages that's available on this site:
<http://allaboutiweb.com/index.php/2009/04/add-a-drop-down-menu-to-your-iweb-pag es/>
It works! However, you can't change the color (pale blue) or the text style (small sans serif). When I tried and couldn't, I decided to ditch the widget.
Then I found out that I COULDN'T DELETE THE DROP-DOWN widget. It seems to have latched on to a Statcounter html widget in a way that I can't see it in the Statcounter code.
When I publish the page, the part of the drop-down menu I see is whatever fits the width of the widget window for Statcounter.
(Think of a medicine cabinet with two sliding doors. You can see the inside of cabinet if the door's not closed. Now picture the inside of the cabinet as your drop-down menu and the doors as your page background. It's as if the widget box is an open door. You can make it small, but you still see part of the drop-down menu behind it.)
I finally hid the entire widget behind a shape with 100% color fill.
Does anyone have a more elegant solution to this problem? And is there a drop-down widget out there that will allow you to change its style? Thank you.

Let me show you what I mean. Here's the html for the statcounter widget from a page where there's no problem (I have only changed the security and project IDs).

<script type="text/javascript">
var sc_project=0000000;
var sc_invisible=1;
var sc_partition=58;
var scclickstat=1;
var sc_security="aaaaaaaa";
</script>
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript></noscript>

Here's the code from the page where there is a problem.

<script type="text/javascript">
var sc_project=0000000;
var sc_invisible=1;
var sc_partition=58;
var scclickstat=1;
var sc_security="aaaaaaaa";
</script>
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript></noscript>

See? Identical.
Now here's the html for the drop-down menu:
<FORM NAME="URLlist">
<SELECT NAME="droplist">
<OPTION SELECTED="SELECTED" VALUE=" ">Select a page.</OPTION>
<OPTION VALUE="http://www.thefirstURL.com">A Page Name</OPTION>
<OPTION VALUE="http://www.anotherURL.com">Another Page Name</OPTION>
<OPTION VALUE="http://www.anotherURL.com">Another Page name</OPTION>
</SELECT><INPUT TYPE="BUTTON" VALUE="Go!" ONCLICK="GotoURL(this.form)">
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</FORM>
So then--How would you get rid of the drop-down html code when it isn't visible anywhere on your iWeb pages?

Trouble adding GoodSearch HTML search box: HTML widget doesn't work...

I'm having trouble adding a GoodSearch search engine box to my site. I've tried the HTML widget thing and also editing the code after it publishes to a folder. Each time, I get a non-functional search box as my end result.
The GoodSearch tech person says that iWeb might be stripping out or corrupting the Javascript code...interestingly enough, a Google search box works just fine with post code tweaking.
Any help would be greatly appreciated!
Here is a link to my test site where the search box (upper right corner) is non-functional: http://web.mac.com/toesproductions/KQ/Home.html
This is the GoodSearch code:
<script type="text/javascript">
function GoGoodSearch_4()
var charityid = 870537;
var siteURL = "koreanquarterly.org/home.html";
var openNewWindow = true;
var searchtype = document.getElementsByName("goodsearchsearchtype4");
var baseurl = "http://www.goodsearch.com/Search.aspx";
var keywordsbox = document.getElementById("goodsearchkeywords4");
if (typeof keywordsbox != "undefined")
var keywords = escape(keywordsbox.value);
var url = baseurl + "?Keywords=" + keywords;
if (charityid > 0)
url += "&CharityID=" + charityid;
if (searchtype[1].checked)
url += "&Site=" + escape(siteURL);
url += "&Partner=goodsearch_syn";
url += "&typetag=" + escape(siteURL);
if (openNewWindow)
window.open(url,'SearchResults','height=700,width=900,location=1,status=1,toolba
r=1,scrollbars=1,resizable=1');
else
window.location.href = url;
function CatchEnter_4(e)
var key1 = "13";
var x = "";
if (document.all)
var evnt = window.event;
x = evnt.keyCode;
else
x = e.keyCode;
if (x == key1)
document.getElementById("goodsearchsubmit4").click();
return false;
else
return true;
</script>
<label for="goodsearchkeywords4" style="display:none;">GoodSearch keywords to
search for</label>
<input
type="text"
name="goodsearchkeywords4"
id="goodsearchkeywords4"
onkeydown="return CatchEnter_4(event);"
style="width:230px;background-image:url('http://www.goodsearch.com/gfx/titleya
hoo_background.gif');background-repeat:no-repeat;margin-bottom:8px;"
onclick="this.style.backgroundImage='url(http://www.goodsearch.com/_gfx/spacer.g
if)';"
onfocus="this.style.backgroundImage='url(http://www.goodsearch.com/_gfx/spacer.g
if)';"
/>
<input
type="button"
name="goodsearchsubmit4"
id="goodsearchsubmit4"
value="Search"
onclick="GoGoodSearch_4();"
style="margin-bottom:8px;font-family:Arial,Helvetica;font-size:11px;"
/>
<input
type="radio"
name="goodsearchsearchtype4"
value="web"
/> Web
<input
type="radio"
name="goodsearchsearchtype4"
value="site"
/> This Site
Message was edited by: Andrea Lee

iWeb does nothing to code you add in the HTML Snippet.
Actually, iWeb does not care what you put there. It blindly saves the code in a webpage.
http://web.mac.com/toesproductions/KQ//Homefiles/widget0markup.html
So, now you have no excuse.
Just edit the code in the file above until it works.
After that, copy the code in the BODY of the page and paste in into the HTML Snippet. Otherwise it will overwrite the webpage next time you publish.

Widget Code

Hi,
Where can i get those Widget Code for the HTML Snippet purpose?
Any recommendation?
e.g, i need a Form...there will show all those creative form which allow you to edit the content or title or email address summited to...and copy the embed code for iWeb
Thanks and appreciate!!

Hi Roddy,
At last,i did it.Thank you so much..really useful!!!
But i wish to Change some setting which is IT doesn't provide when building up the form.
I w'ld like to Change the Color of the Field and the Color of the Background as well...
what s'ld i do?

HTML Widget not working with iBooks when exported

I've created an HTML widget for my iBook using Tumult Hype. The widget itself uses the draggable code. When I test it on Chrome and Safari, the code works fine. However, when I use export the iBook and test it on my iPad, the images are not draggable. This is also a problem with movie files, accordion drag and drop lists, etc.
Anyone know what's going on?

I never used iWeb08, but I just tried to make a site in '09 and my HTML widgets don't work either, on the web. They work if I publish to a folder.
The widgets load flash .swf files. I had to manually put them in the site folder on my computer, and in the widget I access them with a file name like "../flash/file.swf". It worked on the folder, but when I published to the site, they don't load.
Since iWeb doesn't know about the folder I stuck in there, I had to upload it to the site folder also. But that still doesn't fix the problem. I looked at the HTML widget source, and to me it looks like the file pathnames are correct, it just doesn't seem to be running the widget.
Anyone have a fix for this?
Thanks
Bob

Hyperlinks in HTML Widget?

Hello,
i embedded a textfield with scrollbar in iWeb by using the HTML Widget.
the code is:
<html>
<head>
<title>Textfeld</title>
</head>
<body>
<textarea cols="50" rows="10" readonly style="resize: none";>
Text
</textarea>
</body>
</html>
Can i enhance i Hyperlink to the text?
Thanks

Thanks,
i still don't understand how to add he link. Can you please show me on the sample? I would like to have the dates as a link to a referring text file:
<html>
<head>
<title>Textfeld</title>
</head>
<body>
<textarea cols="100" rows="30" readonly style="resize: none";>
12. August 2010
„Der Bürgerbrief“ - Seit 4 Jahren umfassende Information aus erster
Hand
29.Juli 2010
„Wenn die Stadt die Zuschüsse für Badisches Staatstheater und ZKM kürzen, fehlt den Einrichtungen das Geld doppelt“
</textarea>
</body>
</html>

HTML Widget Problems

I have been using HTML Widgets for a while now. I decided to stop using 'mixpod' [a music player I use to post DJ mixes] a while back, but recently decided to use it again when re-designing my site. However it is now not working. I can see the player in iweb but it doesn't publish [I publish to folder and then to a dreamhost server]. I have no idea if the issue is with iweb, the server, or with the mixpod player code. Any help in diagnosing the source of the problem and how to fix it would be great!
Thanks,
Nick

These files are missing :
http://nickashman.com/Scripts/Widgets/SharedResources/WidgetCommon.js
http://nickashman.com/Scripts/Widgets/HTMLRegion/Paste.js
http://nickashman.com/Scripts/Widgets/HTMLRegion/Paste.css
http://nickashman.com/Scripts/iWebMediaGrid.js
Check to see that they are on the server.

How to: Embed YouTube in Ibook/Location of File, Open in Dashboard Widget Code?

Hi,
I am new to the whole Mac experience and loving it after 25 years locked into the MSGATES paradigm. I have been playing around with Ibook and have made a book. I would like to embed a You Tube file and it seems it is not as simple as slecting an HTML widget and then dropping in the Youtube embed code. Or is it?
Instructions are to create a widget and then drag the widget code into the HTML widget in iBooks. I was able to make it as far as to learn I can make my YouTube video a custom dashboard widget using the "File," "Open in Dashboard" method in Safari.
Once I did this I was able to select the portion of the YouTUBE page and click to make the YouTube widget. Presto, easy as pie. But where is the .wdgt file (and/or other related files to this custom dashboard widget) stored? I was able to find the widget directory in my root but only the preinstalled widgets were there--not the the widget I was able to make with the "File," "Open in Dashboard" method.
Is this the most straightforward way to embed a You Tube file, or is there another way?
It seems this should/can be as easy as just dropping the embed code into the HTML widget in iBooks. perhaps a consideration for the next version of iBooks...
Lov'in the Apple experience

We use a container thats ratio matches the video and insert following format into the folio overlay controls for Web Content: https://www.youtube.com/embed/ jyOFS5lAG68 *PLEASE NOTE: there is a space between the embed/ the video ID. Remove it to see how the video looks when you paste the link.
We found this works on both iOS and Android.
-Ry-

Need to wrap text around HTML widget

Hi,
I'm making a site with pages that contain lots of text and images to go along with the text next to it. The person hosting the site however says that all photos need to be linked through photobucket due to space,so I need to use HTML widgets for the photos, and i want it hosting on this site as opposed to .me. I know that you can wrap text around inserting images from your own computer and you can't wrap it around a widget, so at the moment i've inserted boxes into the text and put the widgets over the boxes but when viewed in a browser everything is out of place.
Is there any other solution? there really should be.
Cheers,
Tom

There is a way to lock the text so that it will appear the same in all browsers regardless of font or platform: apply a drop shadow with 6% opacity to the font which will convert it to an image. When you do you'll see this icon on the text box:
Click to view full size
To see the image indicator you'll have to select the checkbox "Show text imaging indicator" in iWeb's preferences:
Click to view full size
There is a downside to this in that having addition image files on the page can add to the loading time. That may or may not be an issue but if it is you can always remove the drop shadow.
NOTE: The text appears to be 13 pt Lucida Grande which is pretty small and difficult to read IMO. Using Times New Roman 14, a serf font, takes up about the same amount of room and, IMO, is much easier to read. Just a though.
Message was edited by: Old Toad

IWeb HTML snippet doesn't work hosted outside MobileMe

Hi
I created a site with iWeb and used to HTML snippets.
When I publish the site on MobileMe all works fine
When I publish the site with my Dutch Web hosting company, those HTML components won't work.
The vistor to the page finds a error message instead of the HTML widget:
Not Found
The requested URL /test/Welkom_files/widget3_markup.html was not found on this server.
Apache/2.0.52 (Red Hat) Server at www.knipdoor.nl Port 80
Does anyone know what's wrong and how to solve the issue?
Look forward
Henk, NL

Does anyone know what's wrong and how to solve the issue?
It's clearly written :
The requested URL /test/Welkom_files/widget3_markup.html was not found on this server.
So go to your server and see if it's really missing.
And if you added/deleted/changed HTML Snippets, iWeb creates new widget-markup files with new sequence numbers. When you load the webpage, some widget-markup files might not be present anymore because of these changes.
Clear the cache of the browser and reload the webpage.

Refresh rate for scroll area in html widget (iBooks Author)

So, I am finding that within the html widget, the refresh rate of a scrolling area is lagging.
As someone scrolls, the scroll window is black before the content catches up and is viewable.
Any recommendations to fix this problem?

This is stripped down test code:
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=1024px" />
<title>Test Scrolling Area</title>
<style type="text/css">
 body { overflow: hidden; background: #000; margin: 0px;}
 #section { position: absolute; }
 .bkgrd { position: absolute; }
 .list { width: 348px; height: 471px; position: absolute; top: 108px; left: 8px; overflow: scroll; -webkit-overflow-scrolling: touch; }
 .fill { width: 348px; height: 471px; overflow-x: hidden; overflow-y: scroll; background: transparent; font-size: 1em; font-family: "Optima" sans-serif; color: white; }
 .fill p.lineup { font-weight: bold; color: #fff; margin: 0;}
 .fill .head { font-weight: bold; color: #d40000; }
 .fill .normal { font-weight: normal; color: #fff; margin: 0;}
 .fill .head { font-weight: bold; color: #d40000; }
 .fill .date { color: #d40000; }
 .fill .city { font-weight: bold; }
</style>
</head>
<body>
<div id="section">
 <div class="bkgrd">
 <img src="images/bgrd.jpg" width="1024px" height="auto" />
 </div>
 <div class="list">
 <div class="fill">
 June 
 00 City, ST Really Long Venue Name 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Really Long Venue Name 
 00 City, ST Really Long Venue Name 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Really Long Venue Name 
 
 June 
 00 City, ST Really Long Venue Name 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Really Long Venue Name 
 00 City, ST Really Long Venue Name 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Venue 
 00 City, ST Really Long Venue Name 
 
 
 </div>
 </div>
</div> 
</body>
</html>

IWeb HTML Widget Code

Similar Messages

Maybe you are looking for