Javascript in iWeb?

Is is possible to use your own/third party javascripts in iWeb?
For example, in a couple of my existing web pages I have javascript functions which are defined in the <head> section of the html.
But how is it possible to insert the javascript definitions within iWeb? The only way I've found is to publish the site to a folder, hack/insert the definitions and then copy the files to iDisk... which isn't exactly a 21st century workflow
.... Just noticed the post about code snippets with javascript - after further scrutiny, it looks like snippets are complete html files which have their own <head> part and therefore a place for javascript definitions.
Message was edited by: photonal

photonal wrote:
For example, you might have an extra script assets directory in your iDisk; however since this is added manually (not via iWeb) - iWeb doesn't know about it...
I haven't used _Sandvox Pro_, but it may be better in this regard, as their "code injection" is an integral part of the package:
http://docs.karelia.com/z/Code_Injection.html
Sandvox Pro can publish directly to MobileMe and has the added advantage of integrated search engine optimization:
http://www.karelia.com/sandvox/getyour_site_noticed_andb.html

Similar Messages

Embedding javascript into iWeb?

Is there a way to embed some Javascript into an iWeb '09 site via something like a snippet?

you can add javascript to iweb page in many ways, but it depends on the complexity of the javascript and the complexity of the template that you use.
the typical process of adding javascript in HTML Snippet is one of the following:
1) pasting the code in HTML Snippet and hope that it'll work.
2) design a page (probably a simple template) then:
a) publish it.
b) look for the element that you want to apply javascript to.
c) hard code the javascript.
d) add it using HTML Snippet.
e) publish it (again) and hope that it'll work.
this process is clumsy as I described because you have no control on how iweb assigns id and class to an element. I'd done this back in iweb1 (three years ago).
this process will not work when you try to apply to a complex template...
say you like to apply your javascript to the thumbnails in the photos page template, well you can't because there is nothing there to see in the above steps a and b
unless you have complex javascript to deal with them. I'd done this back in iweb2 (almost two years now).
that said, as of iweb3... you can build (real) iweb3 widgets to add complex javascript to just about anything to any page template, but you need to know HTML, CSS, JavaScript, DOM, and how iweb works
here are my examples:
http://www.cyclosaurus.com/Home/Cyclosaurus.html <-- StatCounter
<a class="jive-link-external-small" href="http://">http://www.cyclosaurus.com/Home/CyclosaurusBlog/Archive.html <-- my own iweb blog tag cloud
<a class="jive-link-external-small" href="http://">http://cyclosaurus.com/iWeb3Widgets/Lytebox/Photos.html
http://cyclosaurus.com/iWeb3Widgets/Highslide/PhotosPage.html
http://cyclosaurus.com/iWeb3Widgets/Couloir/Photos.html

Adding javascript to iweb

How do you do this?

You must make any edits like these by first "Publishing" (folder or iDisk) and then hand editing the individual html files with any "plain" text editor.

Post Helpful iWeb Help/Tip Sites!

Here is my contribution:
http://web.mac.com/catucker/InsideOutside/iWeb.html
Find help/new ideas. Includes the following:
*Image pop-ups
*Roll-over email button
*Add a Flickr Slide Show
*HTML picture viewer for iWeb
*Redirect a page in iWeb
*PayPal in iWeb
*Flash files in iWeb
*iFrame in iWeb (pages inside pages)
*Adsense (when iWeb doesn't show your ads)
*Javascript in iWeb (for when scripts fail)
*Heavy Weather in iWeb (adding Weather Widget)
*Scrolling text-Moving messages
*Opening windows and sizing them
*Time for iWeb (addinf time to your page)
*Tables in iWeb (add a simple table to your page)
http://web.mac.com/catucker/InsideOutside/iWeb.html

My (writing) blog is created with iWeb & hosted on MobileMe at http://web.me.com/homeworld/kb/blog/blog.html
This links to a number of other pages at http://www.kennedybrandt.com, all of which (except the root URL landing page) were created in iWeb but hosted via FTP.
I like iWeb as an authoring tool, but MobileMe really only adds value to my blog.

Better slide show options iWeb 08 ?

In iWeb 06 I used to manipulate the slideshow assets folder to use slideshows that were better (in my opinion) than the standard iWeb option. Can someone point me in the direction to do this in iWeb 08?
I really do not like how small the slideshow images are (even if I click the "full screen" option) in iWeb 08... it makes the whole slideshow full screen but the images are still relatively tiny in the middle of the screen. On a 23" monitor this is not a big deal but on a laptop or similar the images are way too small.
I like all the other aspects of the iWeb 08 slideshow but wish the photos would render in full screen or at least larger than the current version...
help!!!!
thanks...

iweb photos page and slideshow is javascript/AJAX driven, so no longer can you manipulate Slideshow_assets folder.
But that does not mean it is impossible, but you need to know javascript, DOM, iweb generated code and slideshow code (they are all different).
I have been working on a few of them:
http://hdl.50webs.com/Lytebox/Photos.html
http://hdl.50webs.com/FancyZoom1/Photos.html
http://hdl.50webs.com/Slideshow2/Photos.html
the above are all javascript/AJAX, I intentionally left the 'Play Slideshow' so you can see it's iweb2 photos page and am working on Couloir slideshow (yup, Couloir)
Note: easy with those slideshows, they need time to process... because they take two pass to process, first iweb javascript, second my javascript. So wait a bit for thing to settle.

Javascript iWebmore RSS IDK

I was wondering if anyone knew how to embed javascript into iWeb, I have tried iWebMore and it is not working for me.
Thanks!

Thanks for the response, I found via another post a website called http://www.rss-to-javascript.com/ and I got java code from it and I would like to include it into my iweb site.
This is the code I want to put into iweb:
<script language="JavaScript" src="http://convert.rss-to-javascript.com/?num=5&src=http%3A%2F%2Fnews.google.c om%2Fnwshp%3Fhl%3Den%26client%3Dfirefox-a%26rls%3Dorg.mozilla%3Aen-US%3Aofficial %26tab%3Dwn%26q%3D%26output%3Drss">
</script><noscript>Your browser does not support JavaScript. Click to read the latest news.</noscript>
Thanks for helping!
Black MacBook Mac OS X (10.4.9)

Multiple blog summary pages

I'm creating a new website for sharing news and photos for my family. I want to use the iWeb blog for my entries and plan to do some customization of my site through HTML snippits, iFrames, etc. I've been reading quite a bit on this forum and other useful sites on how to do more with iWeb, but I can't seem to find a solution for the following problem.
Let's say I allow 15 blog entries to be shown on my blog summary page yet over time I build a site with 50 or more entries. Then at least 35 will be on the archive page and that's alot to scroll through. I'd like to have the first 15 on blog summary page 1 then the next 15 on blog summary page 2, etc. Call it multiple archive pages if you will. But I want iWeb to keep track of the blog entries on those additional pages instead of me having to create new non-blog pages and copy and paste links to my entries.
Here's an example
http://allaboutiweb.com/
Any way to do this with iWeb 09?
FYI, I know there are a lot of other blogging software and hosting sites out there, but I want to use iWeb 09 because I've already created one site in the past with iWeb so I'm familiar with it. I also have a Mobile Me account with a domain name through goDaddy, so I'm publishing my iWeb site to Mobile Me with password protection.
Appreciate the help.

first, iweb limits blog summary to display 50 entries, so you are kinda limited if you want to have a continuous blog over the years.
if you have less than 50 entries per year, you have to break your blog into the year and have a master archive page and link all archive blog(s) to it.
once you decide what to do, you can use iweb rss feed widget to display the archive as feed, but i don't recommend iweb rss feed widget because it depends on mme server, unreliable at best.
instead you can use yahoo's pipes: http://pipes.yahoo.com/pipes/
yahoo pipes is reliable and flexible, you can build your own feed that you can merge other feeds into one or keep them separate, here is my example of merged feeds:
http://www.cyclosaurus.com/Home/CyclosaurusBlog/Entries/2009/7/25Not_iWebWidget.html
or you can tag blog entries by key words or categories, your users can narrow down the entries display with it, here my iweb blog tagging (click on any tagged word on the right side):
http://www.cyclosaurus.com/Home/CyclosaurusBlog/Archive.html
all code is linked to my examples. to do the above, you need to know yahoo pipes, ajax/javascript and iweb inner working parts.

Photo Gallery hyperlinks to "One of my Pages" not working

I manage a website for our lab at the University of Notre Dame. We have used one of the Photos pages to include pictures of all our personnel. The pictures have captions with the person's name. The names were hyperlinked to more information about that person. Some of these links were to pages on the same site and some were to external sites. The site was originally created using iWeb '08, but I now update it on a new computer with iWeb '09. After publishing it again, none of the hyperlinks on this page work. The navigation bar and links on other pages seem to be fine though. Is there a way to resolve the problem without reverting to iWeb '08?

I'm having the same problem. Can you give me an idea of how this is possible using AJAX or point me at a tutorial?
for every iweb photos page iweb generates an rss.xml file with it, the captions are kept in the rss.xml .
so you can use ajax method to read the rss.xml and figure out what need to be manipulated.
there is no tutorial of any kind for iweb ajax widgets, I have not seen any one yet to crack an iweb widgets (this forum or elsewhere); so you are on your own.
that said you can hyperlink photos page captions and thumbnails with simple javascript (simple mapping lookup), but you still need to know javascript and iweb widgets.
here is my simple javascript sample: http://temp.cyclosaurus.com/NoThumbnails/Photos.html
thumbnails and captions are hyperlinked to apple, ggogle and yahoo.
code is linked to the sample, you'll have to adapt it to your own needs.

Photo gallery module manage items description not working

Hi. On this page I've got two photo galleries. For some reason the Description in the Manage Items tool only works some of the time. Seems to be quite random as to when it will/won't work. Is there a reason for this?
Waitakeres Ranges Maps

I'm having the same problem. Can you give me an idea of how this is possible using AJAX or point me at a tutorial?
for every iweb photos page iweb generates an rss.xml file with it, the captions are kept in the rss.xml .
so you can use ajax method to read the rss.xml and figure out what need to be manipulated.
there is no tutorial of any kind for iweb ajax widgets, I have not seen any one yet to crack an iweb widgets (this forum or elsewhere); so you are on your own.
that said you can hyperlink photos page captions and thumbnails with simple javascript (simple mapping lookup), but you still need to know javascript and iweb widgets.
here is my simple javascript sample: http://temp.cyclosaurus.com/NoThumbnails/Photos.html
thumbnails and captions are hyperlinked to apple, ggogle and yahoo.
code is linked to the sample, you'll have to adapt it to your own needs.

How to create a slideshow at homepage

how to create a slideshow at homepage like this
http://www.thinkfa.com/
if I have to using java script, how do I can get started to use javascript for iweb?
Thanks before
R.E

Hey, after all, a Superman still just a Clark Kent bro
But thanks anyway for all your answer !
I will keep trying to try and implement all the best I could do for my web with iweb application...
after digging this forum, I decided to try the easiest way to put my slideshow, here is the result
http://mwshomesite.rhezaelfuego.com/ebw/Blank.html
I know its awkwards...
but I will keep tryin
thanks for all help and answer.
Appreciate.

Editable Regions and Templates -- Problem in IE

Hello,
I have a template that I use throughout my site. The template
includes
the Spry Menu Bar and three editable regions. The pages all
look great
in Firefox. But in IE6 and IE7, there is a problem--white
space
vanishes and the text is too close to the objects above it.
Specifically, The <h3>Page
Title</h3>appears to close underneath
<td>. It's fine in
Firefox, however.
Any help is greatly appreciated.
Thank you,
=====================
Here's the code.
<style type="text/css">

</style>
</head>
<body text="#333333"
vlink="#333333" alink="#333333"
leftmargin="0"
topmargin="0"
marginwidth="0"
marginheight="0">
<TABLE width="800" border=0
align="center" cellpadding=0 cellspacing=0
bgcolor="#FFFFFF">
<TBODY>
<tr>
<td
width="2%">&nbsp;</td>
<td width="96%"><img
src="../SpryAssets/mainnav_logo.jpg"
/></td>
<td
width="2%">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>
<h3>Page Title</h3>
</td>

TEST BED:
I shrinked my test site to just 1 photo page with only 3 pictures and I I published it to a folder:
Safari 3.1.1 has no problems
Mozilla Firefox 2.0.0.2 has no problems
Opera 9.5 has no problems
IE 7.0.5730.13 cannot render any picture !!!!
DEEP DIVE:
IE fails and if "notifications" are turned on complains about run time error "Error: Access Denied" on line 504 of a script. I went deeper and using the Microsoft Just in Time Debugging features apparently the offending javascript is "iWeb - iWebSite.js" with an ajaxRequest called "req.open('GET',url,true)"
iWEB on LEOPARD is no better
I booted with an external disk using Leopard and I used iWeb just 1 photos page
no way IE still complains (so far I am using Mac Tiger level)
HOW CAN YOU HELP
To those of you who succeeded with iWeb+IE (and have time to lend) I can send the zipped 2MB actual iWeb "package" named "Domain.site2" used by my iWeb to save the site under editing before any publishing.
you temporarily rename your "Domain.site2" + substitute it with my "Domain.site2" + start iWeb and see if you can publish/see it correctly.
Please send me a private mail if you think you can help.
Seriously thinking of dumping iWeb...
RAN

Site problems in Firefox and Internet Explorer

Here's my site: http://davesnowgraphics.com/DSG/Home.html
Created in iWeb '08. Here is a list of problems. Solutions welcome.
1) In all browsers: links to internal pages open up in a new window or tab. As an internal link, the option to "Open page in a new window" is not even available. I therefore assume that they should open in the same window, but most open in a new page or tab.
2) In Firefox (both Mac and PC) the text spacing is messed up. Throws spaces in the middle of words and generally stretches text or letter spacing, making text returns seemingly at random. The fonts are all supposedly web safe (Trebuchet MS and Times New Roman).
3) Site is TOTALLY jacked in Internet Explorer. Transparency of linked images dumped, making intended graphics solid white. Also on the PC (I don't have the Mac I.E.), my text gets hijacked by random text links with those annoying pop-up boxes that lead elsewhere.
Is it possible for an iWeb-generated site to work in commonly-used browsers, or do I have to learn Dreamweaver?

Okay, so I did some code experimentation and solved everything in my last post inquiry.
Seems the entire line *onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;"* needs to be removed from the javascript that iWeb generates when you have a link associated with a graphic. Pain in the butt, but it works.
Also did extensive searching for title= and manually changed the following text to what I wanted it to be.
I'm interested to know if these issues are resolved with the iWeb '09 update. Anybody know?
I also removed the graphics that I was using as links on the cubes. I put simple square shapes in the middle of the cube sides, made them transparent and assigned the link to them. They don't map the entire cube side as a link, but enough to make it functional. Also, for some reason, the fact that they're native iWeb-generated shapes and not placed graphics, they open up in the same page without having to delete the code line mentioned above.
Still no solutions to the following I.E. issue in my initial post.
I have the site open on my PC right now in IE. If you go to About > Services, the words "Business", "communication" and "Project Management" are green with double underlines. If I roll over them, I get a popup window with an advertisement for GameVance. What's up with that? Is that a setting in my local Internet Explorer properties that I need to disable?

Creating persistent menu bars.

Hi I'm new to the forum. I haven't done any web design in the past five years, but used to dabble in it somewhat using Microsoft Frontpage.
I've gotten back into it after getting requests to create simple web pages for a few clients, and have begun using iweb. First of all I want to say that its an amazing tool, that lets you do (almost everything) with the click of a few buttons and avoid hours and hours of coding. But it does have a few limitations. I've found HTML snippets to overcome many of the problems iv'e had, or other creative solutions, largely thanks to this forum, but there are still a few things i'm struggling with.
Mainly this. Is there a way to make your page menus persistent? What I mean by this is have your page menu stay at the top, or side, of your browser window no matter how far down or across your website you scroll? Back in the day you used to be able to accomplish this through the use of frames. But I can't figure out for the life of me how to implement something like that into Iweb and have it work correctly.
Is there an HTML snippet that would allow me to encase my page menu in a frame, or a setting in iweb that I am overlooking?
Thanks for the help.
-radoskal

Frame is not supported in iweb but you can implement frame with javascript within iweb using HTML Snippet. Here is my abstract way of making frame using javascript: http://widgets.cyclosaurus.com/CFrame/CFrame.html
Alternative to keep navbar visble, yet another of my abstract javascript widget: http://widgets.cyclosaurus.com/ScrollingNav/ScrollingNav.html
javascript are linked to the above examples.
Q: how are you with javascript?

TypeError: formatConversion[formatKey] is not a function

Every blog item that is been entered on my iWeb site http://www.dekortonline.nl/amerikareis gives on almost every browser the error message above. Maybe it has something to do with the Dutch language I'm using. Those anybody know how to get rid of this error?

This problem comes from a bug in the iWebBlog.js Javascript of iWeb, which handles much of the blogging functions of iWeb. The error is always a result of a custom "full date" format set in System Preferences - Language and Text (in Snow leopard) or International (in Leopard) - Formats. Remove the customization, set the "full" format back to a regional format supplied by the System instead of your custom format. Then republish the entire website, or only the blog if possible, and the "format-conversion" error is gone.
I have submitted a bug report to Apple about this today, let's hope they care

Helping Google find non-homepages

Hi all,
I know this question has been dealt with before in different ways, but I was wondering if someone could help me out with it given the following circumstances:
I’ve made a couple of sites in iWeb, hosted to Godaddy.
Google has no trouble finding my home pages. I google my site and voila, there it is.
However, I take it that because I use iWeb’s navigation bar, Google knows only about my homepage.
I have another site, not done with iWeb (made by pros), and every page on it is returned with a search of a relevant word. If I search for a topic on one of its subpages, for example, Google will return the URL of that subpage in its results. I’d like the same thing to occur with my iWeb sites, so all their pages are visible to search engines.
So here’s the thing. I’m not concerned about my iWeb homepages getting noticed by Google since that happens on its own (actually, other sites will link to my site when they know I’ve thrown something up). Also, I don’t want to turn off iWeb’s navigation bar. I think it looks great, and I’d rather not replace it.
So… is a sitemap what I need? If so, where do I start? What should be my strategy given that:
• I make my site in iWeb
• I like using iWeb's nav bar
• I use Fetch to FTP my site to Godaddy for hosting
• I’m not worried about Google finding my homepage
• I am worried about Google finding all the other pages
• Outside of making sites in iWeb and FTP’ing to Godaddy, I’m a noob.
Are there alternatives to doing a sitemap, or is that exactly what I need?
Many thanks in advance!

ragesw wrote:
In addition to what Roddy suggested I can provide you with some additional information as one of the developers of Sitemap Automator;
Thanks for all your feedback and advice.
1) A text based navigation bar at the bottom of your page is a very good idea. The text you use to link to each page is important as Google will use it rank your website, so I suggest you link to your most important pages using consistent anchor text (anchor text is the clickable text that links to other pages).
Is there an advantage to bringing the nav bar to every page, or doesn't it make a difference? Also, I would imagine most nav text is generic, e.g. "contact us" although some is obviously unique, e.g. "iWeb_09"
Without an XML sitemap it is certainly possible to have all your pages indexed by search engines. XML Sitemaps were invented for websites built using FLASH, hard to index javascript (like iWeb sites), complex frames, forms etc... to help search engines find all content. However, they provide many more benefits which I will describe in more detail below.
I appreciate all the sitemap benefits you enumerate. In fact, I'm pretty much convinced and figure I'll build one eventually! However, to answer my original question directly and unambiguously, I take it from your response that:
THERE IS NO ADVANTAGE WHATSOEVER IN USING A SITEMAP OVER TRADITIONAL HTML PAGE LINK NAVIGATION IN HELPING A SEARCH ENGINE FIND AND CATALOG CONTENT ON NON-HOMEPAGES.
Again, I believe I understand all the other benefits of sitemaps. But, as I understand it, if you include text links to your other pages, search engines will find them every bit as much as if you use a sitemap.
2) Your sitemap needs to be in your root directory (under certain circumstances it doesn't have to be, but generally this is the case). Sitemap Automator puts it there for you.
What if you have a hosting account with different sites in subfolders off of your root folder?
3) The trial version of Sitemap Automator limits the number of links you can include in your sitemap and does not allow you to notify all search engines about it.
How many links and search engines does the trial software allow?
*Advantages of an XML Sitemap*
1) As you said, a sitemap will let you make sure that search engines know about your website without you having to change your site
I'm not sure what that means. Search engines know about my site even if I don't change it.
4) When you have a Google Webmaster Tools account you get a wealth of information about your website including;
a) reasons why certain pages may not be able to be indexed by search engines
b) The top search keywords that your website appears for AND the top searched keywords that send you traffic to your site (including recent trends)
c) Who links to your site and what anchor text they use (anchor text is important for search engines to help rank your website for certain keywords)
d) Lots more... I highly suggest you create a Google Webmaster Tools account because of all the interesting info you get
Those are compelling reasons.
If you provide a link to your website, I would be happy to provide specific advice for you.
Thanks! However, regarding specific advice, I'd feel more comfortable contacting you privately.
(also: apologies to you and everyone else who offered helpful advice. I wanted to mark all the responses as helpful, but apparently Apple's forum software only lets me identify a max of 2 comments as helpful!)

Javascript in iWeb?

Similar Messages

Maybe you are looking for