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.

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

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

Adding pages to iWeb

when adding page to iweb, how do i move the name of the new page off of the top of the home page? looking to have it on the bottom of the page.. thanks!

Are you referring to the navbar at the top which are links to each page in the site? If so then you'll have to deactivate (not include) the navbar on each of the pages in the Inspector/Page/Page pane:
Click to view full size
and create your own Text Based Navbar which you can position anywhere. However, there is a drawback to having the navbar at the bottom: if the page is longer than the browser's window a visitor would have to scroll down the page to get to the navbar in order to go to a new page. That's not good web page design.
However, if the pages are long then having a navbar at the top and bottom is wise.
OT

Adding Javascript to pages

Hi,
I'm trying to add Javascript-function to the standard OIM-catalog-page. But I haven't had any success yet.
I'm trying to do this by adding <ad:resource type=""javascript>MyJavaScript< ad:resource>in an exported sandbox. When I import the sandbox and activate it, the page crashes saying Stream Closed - ADF_Faces-60096 Server Exception during PPR#21
What am I doing wrong? I have tried to remove everything within ad:resource. But I still get the same exception.
Here is the xml.
+<?xml version='1.0' encoding='UTF-8'?>+
+<mds:customization version="11.1.1.61.92" xmlns:mds="http://xmlns.oracle.com/mds" motype_local_name="root" motype_nsuri="http://java.sun.com/JSP/Page">+
+<mds:insert parent="pgl2" position="first">+
+<af:inputText xmlns:af="http://xmlns.oracle.com/adf/faces/rich" label="Label" id="e9368104424" visible="true" value="#{pageFlowScope.catStateBean.searchExpr}"/>+
+</mds:insert>+
+<mds:insert parent="pgl2" position="first">+
+<af:resource type="javascript">+
function handleBlur(componentEvent)
+{+
var blurComp = componentEvent.getSource();
var updateComp = AdfPage.PAGE.findComponentByAbsoluteLocator("e9368104424");
updateComp.setValue(blurComp.getValue());
+}+
+ </af:resource>+
+</mds:insert>+
+<mds:modify element="ph1">+
+<mds:attribute name="text" value="#{catalogResolverBean.kekst}"/>+
+</mds:modify>+
+</mds:customization>+
Regards,
Kenneth

Do you need to add a js function to within the head section?
There should be an editable region in the head section named
"head" already.
If not- add one in code view.
Or- do you need to add a trigger to the body tag?
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Input File on a Popup doesn't render after adding Javascript

Hi,
I have a very tricky problem.
I have added a javascript function on component initialization to validate a "ADF Input file on a Popup". Popup is opened on clicking a link. Unfortunately Popup doesn't seem to render but the javascript function is getting invoked.
What could be wrong?
This is my JSPX code:
<af:popup childCreation="deferred" autoCancel="disabled" id="p1">
<af:panelWindow id="pw1">
<af:inputFile label="My File4" id="myFile" binding="#{fileBean.myFile}"/>
</af:panelWindow>
</af:popup>
This is my javascript:
function ootbValidateFileScript(maxSize) {
alert("ootbValidateFileScript script invoked maxSize: " + maxSize);
return true;
If I avoid the popup and directly put the Input file on the page, everything works fine.
I strongly feel my Javascript is interfering with normal execution of the Popup. What am I doing wrong?
Regards,
PS
Edited by: user13722524 on Aug 23, 2012 11:16 PM

Hi,
As mentioned before javascript is added at component initialization (setter in the bean). something like this:
public void setMyFile(RichInputFile myFile) {
this.myFile = myFile;
myFile.setClientComponent(true);
ClientListenerSet clientListenerSet = myFile.getClientListeners();
if (clientListenerSet == null) {
clientListenerSet = new ClientListenerSet();
clientListenerSet.addBehavior("new ootbValidateFileScript(99)");
myFile.setClientListeners(clientListenerSet);
myFile.setVisible(true);
Jdeveloper version: 12.1.2.0.0
Regards,
PS

Adding javascript file

Hi
I am a photographer who shoots virtual tours for a living. My clients are increasingly wanting custom html pages in which the virtual tours are placed. I have little html knowledge so iweb is an excellent choice for me to design these pages. I have found the relevant information on how to embed flash content in iweb which works well when tested locally. However in order for the tours to work online I need to import or add the java script file that is produced by the tour building software. When I save the tours they are attached to a plain html page with an accompanying javascript file which does all the necessary work behind the scenes. When I use iweb to create a new html page the relationship between the javascript file and the html file is lost, due to the original html file being deleted and replaced by the new files produced by iweb. Can anyone offer any help on this as its a major problem for me and I have spent weeks trying to figure it out with no success.

You could put the javascript in the topbar if it is used in all navigations. Another way is to put your javascript definitions in one of the js files that are already included on every page.
Other than that, you would have to add the javascript to all navigation schemes.

Adding widgets to iWeb

Hi there,
Another question....i have added widgets to my page via the html snippet option on iWeb. What I would like to do is take it a step further and customize the look of the widget. Is this possible??

You would need to alter the html code that you have placed in the html snippet, unless it is custom code, from another site, in which case no.
If you want other designs, go to where you got the widget in the first place and copy and paste the code for a different design.

Adding Photos to iWeb

Is it possible to add more than one photo page to a blog in iWeb? I can't seem to do it. I export from iPhoto and it comes up as the generic Apple supplied photo page. Then I try to add images from the media browser and they all come in as text boxes.
Also I've had trouble adding individual images to my blog entries, I drag the photo from the media browser to the entry but it doesn't accept it.
Help, thanks.
Patrick
http://web.mac.com/patrickfifth/iWeb/Buenos%20Aires/Bienvenidos.html

Patrick
You have some other options:
1. You can drag and drop the image from iPhoto into iWeb
2. Use, from the toolbar: Insert > Choose.. and then select your file, if you know where it is!
3. Take a look here to see how to export images from iPhoto to a folder/location.
Will

Adding code to iWeb

Is it possible to add code to iWeb templates? Using iWeb version 1.1.2.
Thanks in advance.
Roy

I then put it back into the folder on my iDisk.
I don't understand what you mean by that. If you open something on your idisk, edit, and save, there is nothing to "put back". It never went anywhere.
Did you do this on the local copy of your idisk? In that case it might not have synched with the real one on .Mac.
I then opened it in my browser (Firefox), and it looked exactly the same as before. I selected view page source to see if it had been erased and the added .html was still there.
If you added html and open the page with your browser and there was no change, there could be two reasons: the html you added was not correct in terms of making the change you wanted, or your browser was looking at the old version of the page from its cache. The latter is very common with Safari and can be fixed by doing Safari > Empty Cache.
If you want to provide the url of the page you have changed with some info about what is not showing up, I'd be happy to have a look.

Easy way adding javascript to portal pages?!?

Hi,
I know (because I've tested it) that I can put some java script into portal pages. It's easy to use them as javascript functins, but if I try to use tag to get some data from base... it's doesn't work and generate some errors...
Please help me!
Krzysiek
null

I know that easier is adding script functions as portal functions/procedures... but HOW can I add characters like " ' " inside htp.p(' '); ??? Is it POSSIBLE or NOT? maybe some other characters are required before (if I dont want to use this inside ' ' as oracle variable, but javascript variable ???
Krzysiek

Adding Slideshow to iWeb page

I am trying to add a slideshow to my homepage on iWeb? I need it to automatically start scrolling when the page is opened. I have no idea about what software, if any, that I can use. PLEASE HELP!

What you are referring to is a banner rather than a slideshow.
The first part of the bannner and slideshow section of iWeb for Musicians shows various banners....
http://www.iwebformusicians.com/Banner-Slideshow/Banners.html
This is an example with captions and hyperlinks to other pages...
http://www.iwebformusicians.com/Banner-Slideshow/Action-Banner.html
Here's a scroller with mouse over to stop and hyperlinks...
http://www.iwebformusicians.com/Banner-Slideshow/Conveyor-Belt.html
If you want to avoid using javascript, try this...
http://www.iwebformusicians.com/Banner-Slideshow/HTML5-Banner.html
or this...
http://www.iwebformusicians.com/Banner-Slideshow/QuickTime-Website-Banner.html

Adding hyperlinks to iweb

i have a basic iweb site with multiple photo pages. now i'm adding a blog and a movie page. so, the nav bar has each photo page listed (lots) and i'd rather have one link that says "photos" that goes to a separate photo site, then people could navigate to each page.
remember in home page how there's a menu page? is there an equivalent in iweb? (now the address goes straight to the most recent photo page as opposed to giving a menu of all the photo pages.
i also want to add a link to my old homepage site, and going to insert hyperlink isn't working...
thanks!
amy
old site:
http://homepage.mac.com/amywatson
current site:
http://web.mac.com/amywatson

Amy:
Yes you can do that. Create a Photo page, use the blank layout if you'd like, and add text links to the various other photo pages you want to link to. In those other photo pages select the Inspector option to not include that page in the nav bar. I'd done that with my Waassup! page in my Toad Hall site. Just click on the Waassup! button.
Do you Twango?
G5 Dual Core 2GHz, 2G RAM, 250G HD; G4 Dual 1Ghz, 1.5G RAM, 80G HD, QT 7.1.3, Mac OS X (10.4.9) 22 LCD, 250G/200G/160G FW HDs, Canon: SD700IS/i850/LIDE 50, Epson R200, 30G iPod

Adding javascript to page open and page close in acrobat 8.1.2

Reading the Acrobat Javascript Object Specification on page 22 it says that you can add javascript to the "page open" and "page close" events of a document.
It then says that under the menu "Document -> Set page action" you can add scripts for those events
I am using Acrobat 8.1.2 and under the document menu there is no "Set page action". And there is nowhere where I can find any "set page action" menu...
whats the deal?
How can i set the page open and page close events in acrobat professional 8.1.2?????????????
Marc

- open the Navigation Panel 'Pages'
- select the page and open the page properties
- in the actions tab you can set the page actions

Adding javascript to sherpoint master page

How can i include this in a master page ? This code should hide the empty lists , but since i noob , i don't now how and where to add this script.
Thanks
<script type="text/javascript">
function HideEmptyWebParts()
var itemsfound = new Array;
var elements = document.getElementsByTagName('*');
for(var i=0;i<elements.length;i++)
if(elements[i].className == 'ms-vb')
itemsfound.push(elements[i]);
for (var i=0;i<itemsfound.length;i++)
if (itemsfound[i].innerHTML.indexOf("There are no items to show in this view of the")>-1)
itemsfound[i].parentNode.parentNode.parentNode.parentNode.innerHTML="<div class='ms- vb'>Not enough data to produce a dashboard.</div>";
_spBodyOnLoadFunctionNames.push("HideEmptyWebParts")
</script>

Hi,
Please upload js file in Sharepoint style library and on master page add the reference of JS like below
<script type="text/javascript" src="../jQuery/jquery-1.3.2.js"></script>

Adding javascript to iweb

Similar Messages

Maybe you are looking for