2 javascript src in one page ?

Hi,
I have a Portal Application based on JSPs
My JSP page are begining to fill up with javascript, so now I would like to move the scripts into a file.
I have created a file called myScripts.js and placed it in the dist->script folder.
In my JSP page i added the code.
<%
String url = componentRequest.getWebResourcePath() + "/scripts/myScripts.js";
%>
<script type="text/javascript" src="<%=url%>"></script>
i can see in the jsp that the url is generated correctly.
But when i add the <script type=...
i get a javascript error on another script on my page.
Syntax error line 6 char 1.
which is a sap generated script
<SCRIPT src="/irj/portalapps/com.sap.portal.epcf.loader/script/standard/js13_epcf.js?6.0723"></SCRIPT>
Anybody know why it does this ?
Br Rasmus
String

Hi,
I have often used more than 1 script tag in the same page!
I have not seen any problem.
It has worked for me whenever I used in the following manner
<%
String srcid =
componentRequest.getResource(IResource.SCRIPT, "scripts/myScripts.js").
getResourceInformation().getURL(componentRequest);
%>
<SCRIPT language=javascript src="<%=srcid%>"></SCRIPT>
Regards,
Harish
(Please do not forget to reward points just in case it works)

Similar Messages

Resolving conflicting JavaScript due to several Spry elements in one page

I am fairly new to web coding, I would really appreciate some help in the following topic. I am working on a web page and I decided to insert some of the pre-coded Spry elements provided by Dreamweaver, I have in one page a HorizontalMenuBar, a SpryTabbedPanels, and an AccordionPannel. I have not modified any of the script that is automatically inserted into my code, all I did was to change some of the CSS to match my design, I saved the extension files in my own .js folder rather than the SpryAssets folder that is automatically created and I have verified that all the files are being called correctly in the <head> of my document. When I test the page with only the HorizontalMenuBar it works fine, as soon as I add the TabbedPanels and the Accordion only one of them works. I researched this subject and I think the problem is that eachof these /.js files created by Dreamweaver have a couple of variables that are named creating conflict when running the script. But I don't know what variable it is, in previous threads I found that the most common variable causing this problem is the 'onload' event, so I looked for it on each file and to my surprise neither of the .js files have an 'onload' element. I would guess that is being used as a global variable, but I don't write code and I wouldn't know how to fix that.
I have some specific questions I would appreciate help with.
1- Does anyone know a simple way to fix this problem?
2- What other variable could be causing this problem? Specific names would help so I can run a Find search
3- Will it cause a problem if I combined the 3 .js files into one?
4- What can I do to avoid this problem later on if I decided to add another pre-coded JavaScript element into my site?
Thanks in advance for any help provided.

I'm having a similar problem and can't find the solution. I have a twitter feed widget and a image cycle widget on my site. On their own the widgets work fine, but when both in the same html document only one works. Here's my code, what do you think: I'd really appreciate any assistance. Thanks!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cycle.all.js" type="text/javascript"></script>
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/twitter_search.js" type="text/javascript"></script>
<style type="text/css">
/* BeginOAWidget_Instance_2559022: #slideshow */
                              #slideshow {
                                  padding: 0px;
                                        margin:0;
                              #slideshow-caption{
                                        padding:0;
                                        margin:0;
                              #slideshow img, #slideshow div {
                                  padding: 0px;
                                  background-color: transparent;
                                        -webkit-border-radius: 0px;
                                        -moz-border-radius: 0px;
                                        border-radius: 0px;
                                  margin: 0;
/* EndOAWidget_Instance_2559022 */
</style>
<script type="text/xml">

</script>
<style type="text/css">
/* BeginOAWidget_Instance_2125523: #twitter */
                    #twitter { height: 200px; width: 250px}
/* EndOAWidget_Instance_2125523 */
</style>
</head>
<body>
<script type="text/javascript">
// BeginOAWidget_Instance_2559022: #slideshow
                           slideshowAddCaption=false;
$(document).ready(function() {
          $('#slideshow').cycle({
                    after:                              slideshowOnCycleAfter, //the function that is triggered after each transition
                    autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                    fx:                                        'fade,',// name of transition effect
                    pause:                              true,     // true to enable pause on hover
                    randomizeEffects:          true, // valid when multiple effects are used; true to make the effect sequence random
                    speed:                              2000, // speed of the transition (any valid fx speed value)
                    sync:                              false,     // true if in/out transitions should occur simultaneously
                    timeout:                    6000, // milliseconds between slide transitions (0 to disable auto advance)
                    fit:                              true,
                    height:                       '400px',
                    width:         '900px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
function slideshowOnCycleAfter() {
          if (slideshowAddCaption==true){
                              $('#slideshow-caption').html(this.title);
// EndOAWidget_Instance_2559022
</script>
<div id="slideshow">

<img src="images/beach1.jpg" width="100" height="100" title="caption for image1" /> <img src="images/beach2.jpg" width="300" height="300" title="caption for image2" /> <img src="images/beach3.jpg" width="200" height="200" title="caption for image3" />
<div title="sample title"> you can add blocks of text instead!</div>
<img src="images/beach4.jpg" width="200" height="200" title="caption for image4" /> <img src="images/beach5.jpg" width="200" height="200" title="caption for image5" /> </div>

<div id="slideshow-caption"></div>
<div id="twitter"></div>
<script type="text/javascript">
// BeginOAWidget_Instance_2125523: #twitter
$(document).ready(function() {
          $('#twitter').twitterSearch({
                    term: 'from%3Abholtdesign',
                    title: 'cbb twitter',
                    titleLink: 'http://www.twitter.com/bholtdesign',
                    bird: true,                                                  // true or false (show or hide twitter bird image)
                    birdSrc: '/images/tweet.gif',                     // twitter bird image
                    birdLink: '',                    // url that twitter bird image should like to
                    avatar: false,                                        // true or false (show or hide twitter profile images)
                    anchors: true,                              // true or false (enable embedded links in tweets)
                    animOutSpeed: 500,          // speed of animation for top tweet when removed
                    animInSpeed: 500,          // speed of scroll animation for moving tweets up
                    pause: true,                                        // true or false (pause on hover)
                    time: true,                                                  // true or false (show or hide the time that the tweet was sent)
                    timeout: 4000,                              // delay betweet tweet scroll
                    css: {
                              a:     { textDecoration: 'none', color: '#999999', fontWeight: 'normal'},
                              container: { backgroundColor: '#000000' },
                              frame: { border: '10px solid #333333', borderRadius: '10px', '-moz-border-radius': '10px', '-webkit-border-radius': '10px' },
                              img:   { width: '30px', height: '30px' },
                              loading: { color: '#888' },
                              text: {fontWeight: 'normal', fontSize: '12px', color:'#ffffff'},
                              time: { fontSize: '12px', color: '#CCC' },
                              title: { backgroundColor: '#990066', padding: '5px 0 5px 0', textAlign: 'center', fontWeight: 'bold', fontSize: '12px'},
                              titleLink: { textDecoration: 'none', color: '#ffffff' },
                              user: { fontSize: '12px'},
                              fail: { background: '#6cc5c3 url(/images/failwhale.png) no-repeat 50% 50%'}
// EndOAWidget_Instance_2125523
</script>
</body>
</html>

Help! Javascript not working when object moved from one page to another!

Hello all:
I am new to Adobe Livecycle Designer (version 8.0). I have created a 3 page interactive pdf form with numerous objects (text fields, radio buttons, drop-down boxes, etc.), that our business wants to begin using soon.
I am having difficulty with some of my Javascript not working with a few of my objects on page 2 of the form. Specifically, there is a drop-down box for "Country" on page 2 of my form. When the user selects, for example, "United States" from the list, I have Javascript that is supposed to change the "Currency" drop-down box rawValue to "US Dollars" accordingly (upon the change event).
I think my Javascript syntax is proper, but I am not certain. Here is my simple Javascript associated with the "Country" drop-down box (Note: rawValue 80 = "United States" and rawValue 105 = "US Dollars"):
form1.Page1.cmbContactInfoCountry::change: - (JavaScript, client) -
if (this.rawValue == 80) {
     cmbCurrency.rawValue = 105;
This seems pretty straight forward and it WORKS when my "Country" drop-down box is moved to page 1 of the form, but it WILL NOT WORK when I move the "Country" drop-down box back to page 2 of the form (which is where it belongs).
Does anyone have any suggestions or solutions? I have spent probably 6-8 hours racking my brain trying to figure out why it works when on one page, but it does not work when move to a different page. I am guessing that I may have corrupted something OR that I am not fully addressing the proper name of the object?
Please help!
Frustrated and helpless near Chicago!
Taylor T

Hi Jono:
Thank you for your quick reply.I was able to obtain the full name of the cmbCurrency object using the method you taught me. That is brilliant! Great short-cut tool.
Unfortunately, I am still having issues with getting Javasript for the cmbCountry object to work with the cmbCurrency object. I haved pasted my new Javascript below.
JavaScript for cmbCountry object:
//UNITED STATES
if (this.rawValue == 1) {
          xfa.resolveNode("form1.#subform[1].cmbCurrency").rawValue = 1;
else
//CANADA
if (this.rawValue == 2) {
          xfa.resolveNode("form1.#subform[1].cmbCurrency").rawValue = 2;
I have checked the "Specify Item Values" checkbox of the cmbCurrency drop-down object and Value 1 = "US Dollars" and Value 2 = "Canadian Dollars".
When I select "Canada" from the cmbCountry drop-down object, the rawValue of the cmbCurrency drop-down object is changed to "US Dollars" (when it is clearly defined as "Canadian Dollars"). When I select "United States" from the cmbCountry drop-down object, the rawValue of the cmbCurrency drop-down object stays blank for uknown reasons. Very strange.
Since I am not able to further explain in detail on what I am experiencing, I have posted a link to my file below (I just signed up for an account at ShareFile). I would forever be indebted to you if you can help me figure this out!
https://thomptk.sharefile.com/?cmd=d&id=07ede2fe11db4549

Spry tabbed panels, all content showing on one page, please help?

Hi there,
I'm developing a website for my friend and i'm using DW CS5 spry tabbed panels. Everything looks great in DW but when i load the page to the server all of the content shows as one page and i can't navigate through tabs.http://dndperspective.co.cc/
I'll give you the whole code, I am fairly experienced in html but have never used spry before, so it may be a silly mistake. Any Suggestions?
Here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DND Perspective</title>
<script src="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style></head>
<body>
<div align="center">
<p align="left" class="style4">DND </p>
</div>
<p align="left">
<img style="border:6px inset #545565; margin-left: 150px; margin-bottom: 50px;" src="newbanner.jpg" width="701" height="244" /> </p>
<p align="center">
<p align="center">
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup" >
    <li class="TabbedPanelsTab" tabindex="0"><img src="images/homebar.jpg" width="125" height="50" /> </li>
    <li class="TabbedPanelsTab" tabindex="0"><img src="images/aboutbar.jpg" width="125" height="50" /></li>
    <li class="style11 TabbedPanelsTab" tabindex="0"><em><img src="images/servicesbar.jpg" width="125" height="50" /></em></li>
    <li class="TabbedPanelsTab style11" tabindex="0"><img src="images/gallerybar.jpg" width="125" height="50" /></li>
    <li class="TabbedPanelsTab style11" tabindex="0"><img src="images/pricingbar.jpg" width="125" height="50" /></li>
    <li class="TabbedPanelsTab style11" tabindex="0"><img src="images/contactbar.jpg" width="125" height="50" /></li>
</ul>
<div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent style1">
      <div align="center">
        <p class="style11">Welcome to DND </p>
        <p>We are so glad you took the time to visit our site during your busy planning schedule. We have tried to make this site as user friendly as possible so you can get back to planning your big day. We provide straight foward and dependable services so you've got nothing to worry about.</p>
        <p>We are located in Rhode Island, but service Massachusetts and Connecticut as well. </p>
        <p>Please visit our services page to discover all photography sessions we have available such as:</p>
        <p>Wedding Photography</p>
        <p> Engament Photos</p>
        <p>Senior Portraits </p>
        <p>Anniversary</p>
        <p>& More!!!</p>
        <p> </p>
      </div>
    </div>
    <div class="TabbedPanelsContent">
      <p class="style1"><strong><u>S.W</u></strong> -<em> Owner and Photographer</em>. For more information about her please click <a href="Untitled-11.pdf">here</a>!
    </div>
    <div class="TabbedPanelsContent">Under Construction...</div>
    <div class="TabbedPanelsContent">Under Construction....</div>
    <div class="TabbedPanelsContent style1">
<p>We hear at DND understand that packages and pricing may not provide the precise accomadations to fit you unique and carefully planned big day. We are very open and happy to discuss with you an individual catered package or plan that fits your style and most of all your budget. Whether you need us for just an hour or a full day we want to make your day as special as possible. We have services available starting at just $200.00. Below you will find our most popular packages, printing prices &
packages, custom videos, thank you cards and albums.</p>
           <hr width="50%" align="left" />
      <p><strong>Package 1 - $500.00</strong></p>
      <p>3 Hours; 1 location - Incl. DVD with unlimited high resolution shots and free basic retouching and enhancing; webgallery with or without password protection; Special Effects on 5 photos; and 1 8"x10" fine art high quality print. *</p>
      <p><strong>Package 2 - $575.00</strong></p>
      <p>3 Hours; 2 locations - Incl. DVD with unlimited high resolution shots and free basic retouching and enhancing; webgallery with or without password protection; Special Effects on 5 photos; and 1 8"x10" fine art high quality print. *</p>
      <p><strong>Package 3 - $700.00</strong></p>
      <p>4 Hours; 3 locations - Incl. DVD with unlimited high resolution shots and free basic retouching and enhancing; webgallery with or without password protection; Special Effects on 5 photos; and 1 8"x10" fine art high quality print. *</p>
      <p>*Each additional hour or location available for $100.00. Locations beyond 20 miles will require additional fees. Additional DVD priced at $25.00 each.</p>
           <hr width="50%" align="left" />
      <p><strong>Prints</strong>: (Fine Art High Quality)**</p>
      <p>Individual prices: 8"x10" = $12.99; 10"x13" = $19.99; 2 - 5"x7" = $12.99; 4 - 4"x6" = $11.99</p>
      <p>(Custom sizes available - Custom framing available)</p>
      <p><strong>Package 1:</strong></p>
      <p>3 - 8"x10"; 4 - 5"x7"; 4 - 4"x6" = $50.00</p>
      <p><strong>Package 2:</strong></p>
      <p>5 - 8"x10"; 6 - 5"x7"; 6 - 4"x6" = $90.00</p>
      <p><strong>Package 3:</strong></p>
      <p>8 - 8"x10"; 4 - 5"x7"; 4 - 4"x6" = $125.00</p>
      <p><strong>Package 4:</strong> (Basic Prints)</p>
      <p>Any 100 photos printed 4"x6" = $100.00</p>
           <hr width="50%" align="left" />
      <p><strong>Custom video:</strong>**</p>
      <p>Any 100 photos put to royalty-free music = $50.00</p>
          <hr width="50%" align="left" />
      <p><strong>Custom thank you cards for your guests:</strong>**</p>
      <p>300 cards - 4"x6" = $350.00</p>
      <p>100 cards - 4"x6" = $150.00</p>
     <hr width="50%" align="left" />
      <p><strong>Custom Albums Available: </strong>(prices vary - special order)</p>
      <p>Bride & Groom Albums</p>
      <p>Parent Albums</p>
           <hr width="50%" align="left" />
      <p>**Please be aware that your DVD will be available within a week; Web Gallery within 5-7 business days; Prints, Cards or Video within 2-6 weeks. Thank you!</p>
    </div>
    <div class="TabbedPanelsContent style5">
      <p> Contact DND Perspective:</p>
      <p>The best way to reach us is via email .</p>
      <p>You can alternately reach us anytime at ...!</p>
    </div>
    <div class="TabbedPanelsContent">
      <div align="center">
        <p><span class="style1">About Info</span></p>
        <p> </p>
      </div>
    </div>
</div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<script type="text/javascript">

</script>
</body>
</html>

You called it: your links to the SpryAssets are linking to your hard drive, not to the files within the folder on the server.
Correct these links:
<script src="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
And you should be good to go.
Beth
ps. If you run into more difficulties with the Spry Widgets, take your questions to the Dreamweaver Spry Forum http://forums.adobe.com/community/labs/spry, where they will get quicker attention.
B

How do I centre javascript in a HTML page? Please help!

Ok, I recently set up a website with advertising space. The space is split into banner engines of 10 banners each rotating every 7 seconds.
I have fully tested the coding which I downloaded and it all seems to work as well as I need it to.
The only problem that I have is that the javascript or at least the banner it produces are always firmly stuck to the left. They need to mbe in the centre to fit the rest of the page, but I can't seem to get them to centre.
Here's how the page is set up and coded:
in the page I have:<html>
<head>
<center>
<p>Each test banner links back to this page. Your banner would link to whatever site/location you required.</p>
<p>
<script type=text/javascript src="http://www.UkVariety.co.uk/banner/div_construct2.js"></script>
<script type=text/javascript>
var _banners = new Array();
function addBanner(_bannerHTML){
_banners[_banners.length?_banners.length:0]=_bannerHTML;
addBanner("<a href='http://www.ukvariety.co.uk/banners.html'><img border=0 alt='Advertiser 1' src='http://www.ukvariety.co.uk/Images/banners/Ad1.gif'></a>");
addBanner("<a href='http://www.ukvariety.co.uk/banners.html'><img border=0 alt='Advertiser 2' src='http://www.ukvariety.co.uk/Images/banners/Ad2.gif'></a>");
addBanner("<a href='http://www.ukvariety.co.uk/banners.html'><img border=0 alt='Advertiser 3' src='http://www.ukvariety.co.uk/Images/banners/Ad3.gif'></a>");
addBanner("<a href='http://www.ukvariety.co.uk/banners.html'><img border=0 alt='Advertiser 4' src='http://www.ukvariety.co.uk/Images/banners/Ad4.gif'></a>");
addBanner("<a href='http://www.ukvariety.co.uk/banners.html'><img border=0 alt='Advertiser 5' src='http://www.ukvariety.co.uk/Images/banners/Ad5.gif'></a>");
addBanner("<a href='http://www.ukvariety.co.uk/banners.html'><img border=0 alt='Advertiser 6' src='http://www.ukvariety.co.uk/Images/banners/Ad6.gif'></a>");
addBanner("<a href='http://www.ukvariety.co.uk/banners.html'><img border=0 alt='Advertiser 7' src='http://www.ukvariety.co.uk/Images/banners/Ad7.gif'></a>");
addBanner("<a href='http://www.ukvariety.co.uk/banners.html'><img border=0 alt='Advertiser 8' src='http://www.ukvariety.co.uk/Images/banners/Ad8.gif'></a>");
addBanner("<a href='http://www.ukvariety.co.uk/banners.html'><img border=0 alt='Advertiser 9' src='http://www.ukvariety.co.uk/Images/banners/Ad9.gif'></a>");
addBanner("<a href='http://www.ukvariety.co.uk/banners.html'><img border=0 alt='Advertiser 10' src='http://www.ukvariety.co.uk/Images/banners/Ad10.gif'></a>");
var div2 = new NewDiv2(window, "banner", _banners[0],0,0,50,50,500,"ABSOLUTE");
var count=0; /* which one to start with */
function doIt() {
count++;
count%=_banners.length;
div2.setBody(_banners[count]);
setInterval('doIt()',7000);
</script>
</p>
</head>
<body>
<script type=text/javascript>
div2.output();
</script>
</body></center>
</html>The javascript links to a file caled div_construct2.js
This file contains the following coding:
isNS = document.layers?true:false;
isIE = navigator.appName.indexOf("Microsoft") != -1
isNS6=document.getElementById&&!isIE?true:false;
function NewDiv2(window, id, body, left, top, width, height, zIndex, absolute) {
    this.window = window;
    this.id     = id;
    this.body   = body;
    var d = window.document;
    d.writeln('<STYLE TYPE="text/css">#' + id + ' {');
     if (absolute) d.write('position:absolute;');
     else          d.write('position:relative;');
    if (left)   d.write('left:' + left + ';');
    if (top)    d.write('top:'   + top   + ';');
    if (width) d.write('width:' + width + ';');
     if (height) d.write('height:' + height + ';');
     if (zIndex) d.write('z-index:' + zIndex + ';');
    d.writeln('}</STYLE>');
if (isNS) {
    NewDiv2.prototype.output             = function()      { var d = this.window.document;d.writeln('<DIV ID="' + this.id + '">');d.writeln(this.body);d.writeln("</DIV>");this.layer = d[this.id];}
    NewDiv2.prototype.moveTo             = function(x,y)   { this.layer.moveTo(x,y); }
    NewDiv2.prototype.moveBy             = function(x,y)   { this.layer.moveBy(x,y); }
    NewDiv2.prototype.show               = function()      { this.layer.visibility = "show"; }
    NewDiv2.prototype.hide               = function()      { this.layer.visibility = "hide"; }
    NewDiv2.prototype.setZ               = function(z)     { this.layer.zIndex = z; }
    NewDiv2.prototype.setBgColor         = function(color) { this.layer.bgColor = color; }
    NewDiv2.prototype.setBgImage         = function(image) { this.layer.background.src = image;}
    NewDiv2.prototype.getX               = function() { return this.layer.left; }
    NewDiv2.prototype.getY               = function() { return this.layer.top; } //was right .. ??
    NewDiv2.prototype.getWidth           = function() { return this.layer.width; }
    NewDiv2.prototype.getHeight          = function() { return this.layer.height; }
    NewDiv2.prototype.getZ               = function() { return this.layer.zIndex; }
    NewDiv2.prototype.isVisible          = function() { return this.layer.visibility == "show"; }
    NewDiv2.prototype.setBody            = function() { for(var i = 0; i < arguments.length; i++) this.layer.document.writeln(arguments);this.layer.document.close();}
NewDiv2.prototype.addEventHandler = function(eventname, handler) {this.layer.captureEvents(NewDiv2._eventmasks[eventname]); var newdivel = this;this.layer[eventname] = function(event) { return handler(newdivel, event.type, event.x, event.y, event.which, event.which,((event.modifiers & Event.SHIFT_MASK) != 0),((event.modifiers & Event.CTRL_MASK) != 0),((event.modifiers & Event.ALT_MASK)   != 0));}}
NewDiv2.prototype.removeEventHandler = function(eventname) {this.layer.releaseEvents(NewDiv2._eventmasks[eventname]);delete this.layer[eventname];}
NewDiv2.prototype.centerX = function() {this.layer.moveTo(Math.round((window.pageXOffset+document.width-100)/2),this.layer.top)}
NewDiv2._eventmasks = {onabort:Event.ABORT,onblur:Event.BLUR,onchange:Event.CHANGE,onclick:Event.CLICK,ondblclick:Event.DBLCLICK, ondragdrop:Event.DRAGDROP,onerror:Event.ERROR, onfocus:Event.FOCUS,onkeydown:Event.KEYDOWN,onkeypress:Event.KEYPRESS,onkeyup:Event.KEYUP,onload:Event.LOAD,onmousedown:Event.MOUSEDOWN,onmousemove:Event.MOUSEMOVE, onmouseout:Event.MOUSEOUT,onmouseover:Event.MOUSEOVER, onmouseup:Event.MOUSEUP,onmove:Event.MOVE,onreset:Event.RESET,onresize:Event.RESIZE,onselect:Event.SELECT,onsubmit:Event.SUBMIT,onunload:Event.UNLOAD};
if (isIE) {
NewDiv2.prototype.output = function() { var d = this.window.document;d.writeln('<DIV ID="' + this.id + '">');d.writeln(this.body);d.writeln("</DIV>");this.element = d.all[this.id];this.style = this.element.style;}
NewDiv2.prototype.moveTo = function(x,y) { this.style.pixelLeft = x;this.style.pixelTop = y;}
NewDiv2.prototype.moveBy = function(x,y) { this.style.pixelLeft += x;this.style.pixelTop += y;}
NewDiv2.prototype.show = function() { this.style.visibility = "visible"; }
NewDiv2.prototype.hide = function() { this.style.visibility = "hidden"; }
NewDiv2.prototype.setZ = function(z) { this.style.zIndex = z; }
NewDiv2.prototype.setBgColor = function(color) { this.style.backgroundColor = color; }
NewDiv2.prototype.setBgImage = function(image) { this.style.backgroundImage = image;}
NewDiv2.prototype.getX = function() { return this.style.pixelLeft; }
NewDiv2.prototype.getY = function() { return this.style.pixelRight; }
NewDiv2.prototype.getWidth = function() { return this.style.width; }
NewDiv2.prototype.getHeight = function() { return this.style.height; }
NewDiv2.prototype.getZ = function() { return this.style.zIndex; }
NewDiv2.prototype.isVisible = function() { return this.style.visibility == "visible"; }
NewDiv2.prototype.setBody = function() { var body = "";for(var i = 0; i < arguments.length; i++) {body += arguments[i] + "\n";}this.element.innerHTML = body;}
NewDiv2.prototype.addEventHandler = function(eventname, handler) { var NewDiv = this;this.element[eventname] = function() { var e = NewDiv2.window.event;e.cancelBubble = true;return handler(NewDiv2, e.type, e.x, e.y, e.button, e.keyCode, e.shiftKey, e.ctrlKey, e.altKey); }}
NewDiv2.prototype.removeEventHandler = function(eventname) { delete this.element[eventname];}
     NewDiv2.prototype.centerX = function() { this.style.pixelLeft=Math.round((document.body.clientWidth+document.body.scrollLeft-300)/2)}
* The following was written by:
* Dario Guzik
* Spam unfriendly email address: dguzik AT bigfoot DOT com
if (isNS6) {
NewDiv2.prototype.output = function() { var d = this.window.document;d.writeln('<DIV ID="' + this.id + '">');d.writeln(this.body);d.writeln("</DIV>");this.element = d.getElementById(this.id);this.style = this.element.style;}
NewDiv2.prototype.moveTo = function(x,y) { this.style.pixelLeft = x;this.style.pixelTop = y;}
NewDiv2.prototype.moveBy = function(x,y) { this.style.pixelLeft += x;this.style.pixelTop += y;}
NewDiv2.prototype.show = function() { this.style.visibility = "visible"; }
NewDiv2.prototype.hide = function() { this.style.visibility = "hidden"; }
NewDiv2.prototype.setZ = function(z) { this.style.zIndex = z; }
NewDiv2.prototype.setBgColor = function(color) { this.style.backgroundColor = color; }
NewDiv2.prototype.setBgImage = function(image) { this.style.backgroundImage = image;}
NewDiv2.prototype.getX = function() { return this.style.pixelLeft; }
NewDiv2.prototype.getY = function() { return this.style.pixelRight; }
NewDiv2.prototype.getWidth = function() { return this.style.width; }
NewDiv2.prototype.getHeight = function() { return this.style.height; }
NewDiv2.prototype.getZ = function() { return this.style.zIndex; }
NewDiv2.prototype.isVisible = function() { return this.style.visibility == "visible"; }
NewDiv2.prototype.setBody = function() { var body = "";for(var i = 0; i < arguments.length; i++) {body += arguments[i] + "\n";}this.element.innerHTML = body;}
NewDiv2.prototype.addEventHandler = function(eventname, handler) { var NewDiv = this;this.element[eventname] = function() { var e = NewDiv2.window.event;e.cancelBubble = true;return handler(NewDiv, e.type, e.x, e.y, e.button, e.keyCode, e.shiftKey, e.ctrlKey, e.altKey); }}
NewDiv2.prototype.removeEventHandler = function(eventname) { delete this.element[eventname];}
NewDiv2.prototype.centerX = function() { this.style.pixelLeft=Math.round((document.body.clientWidth+document.body.scrollLeft-300)/2)}
If anyone could help, I would be most grateful and could even offer a free advert for a while if needs be.
Thanks in advance
Dave
"I think my brain exploded"

You might want to ask this on a JavaScript forum.
Java and JavaScript are not related.Now his brain probably experienced not just a mere explosion, but more like an atomic one.

Multiple Slideshows On One Page

Hi, I'm wanting to have a dynamic region which consists of 4
images with fixed sizes. I then want each of these images to run
through a dataset of image paths fading between each image at a set
interval (Much like the Spry Photo Gallery Slideshow does).
I've edited the photogallery down to just the fixed size
image fading between the dataset (e.g. I removed the thumbnails and
controls etc so that it is automatic and continuous).
Unfortunatelly my JavaScript skills are limited and I was
wondering what would be involved to edit the script further to
allow me to have 4 of these slideshows on one page instead of just
the one 'mainImage'.
Thanks for any help.

I'm not entirely sure how you mean to achieve this via css?
here's my current code. With this I can generate multiple
slideshows (currently using the same dataset) however only the
first one seems to acknowledge the defined fixed image sizes, the
rest display the original image dimensions within the container
sized to the defined dimensions. How come the images don't resize
for both? I'm calling the same function. Any help much appreciated
thanks.
// My Xml
<features>
<set id="1">
<cover id="0" path="pics/to/image1.jpg" alt="image
description" />
<cover id="2" path="pics/to/image2.jpg" alt="image
description" />
</set>
<set id="2">
<cover id="0" path="pics/to/image3.jpg" alt="image
description" />
<cover id="2" path="pics/to/image4.jpg" alt="image
description" />
</set>
</features>
// My Index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1" />
<title>Gallery</title>
<link href="../css/screen.css" rel="stylesheet"
type="text/css" />
<script type="text/javascript"
src="../../includes/xpath.js"></script>
<script type="text/javascript"
src="../../includes/SpryData.js"></script>
<script type="text/javascript"
src="../../includes/SpryEffects.js"></script>
<script type="text/javascript">
var dsFeatures = new
Spry.Data.XMLDataSet("../../../../../xml/xml_Features.php",
"features/set/cover");
</script>
<script src="gallery.js"
type="text/javascript"></script>
</head>
<body id="gallery">
<div id="wrap">
<div id="previews" style="display: none;">
<div id="thumbnails" spry:region="dsFeatures">
<div spry:repeat="dsFeatures"> <img id="{id}"
alt="{@alt}" src="../../../../../{@path}" width="24" height="24"
style="left: 0px; right: 0px;" /> </div>
<p class="ClearAll"></p>
</div>
</div>
<div id="picture">
<div id="mainImageOutline" style="width: 0px; height:
0px;">
<img id="mainImage" alt="Click to view product details"
onmouseover="if (gSlideShowOn) StopSlideShow();" onmouseout="if
(!gSlideShowOn) StartSlideShow();" />
</div>
<div id="mainImageOutline" style="width: 0px; height:
0px;">
<img id="mainImage2" alt="Click to view product details"
onmouseover="if (gSlideShowOn) StopSlideShow();" onmouseout="if
(!gSlideShowOn) StartSlideShow();" />
</div>
</div>
<p class="clear"></p>
</div>
</body>
</html>
// gallery.js
// Global variables:
var gThumbWidth;
if (gThumbWidth == undefined)
gThumbWidth = 24;
var gThumbHeight;
if (gThumbHeight == undefined)
gThumbHeight = 24;
var gSlideShowInterval;
if (gSlideShowInterval == undefined)
gSlideShowInterval = 3000; // msecs between images.
var gAutoStartSlideShow;
if (gAutoStartSlideShow == undefined)
gAutoStartSlideShow = true;
var gBehaviorsArray = [];
var gSlideShowOn = false;
var gSlideShowTimer = null;
var gImageLoader = null;
// Register a callback on the dsFeatures data set so we can
turn
// off the slide show before it attempts to load new data.
dsFeatures.addObserver(function(nType, notifier, data) {
if (nType == "onPreLoad")
StopSlideShow();
// Register a callback on the thumbnails region so we can
show the first
// image in the data set after all the thumbnails have
loaded.
Spry.Data.Region.addObserver("thumbnails", function(nType,
notifier, data) {
if (nType == "onPostUpdate")
ShowCurrentImage();
if (gAutoStartSlideShow)
StartSlideShow(true);
// Trigger the transition animation from the current image
// being displayed to the image at imgPath.
function SetCover(imgPath, width, height, div)
var img = document.getElementById(div);
if (!img)
return;
CancelBehavior(div);
gBehaviorsArray[div] = new Spry.Effect.Opacity(img,
Spry.Effect.getOpacity(img), 0, { duration: 400,
finish: function()
gBehaviorsArray[div] = new Spry.Effect.Size(img.parentNode,
Spry.Effect.getDimensions(img.parentNode), { width: width, height:
height, units:"px"}, {duration: 400,
finish: function()
// Use an image loader to make sure we only fade in the new
image after
// it is completely loaded.
gImageLoader = new Image();
gImageLoader.onload = function()
img.src = gImageLoader.src;
gImageLoader = null;
gBehaviorsArray[div] = new Spry.Effect.Opacity(img, 0, 1, {
duration: 400,
finish: function()
gBehaviorsArray[div] = null;
// Our new image is fully visible now. If the slide show
// is on, fire off the timer for the next image.
if (gSlideShowOn)
SetSlideShowTimer();
gBehaviorsArray[div].start();
gImageLoader.src = imgPath;
gBehaviorsArray[div].start();
gBehaviorsArray[div].start();
// Cancel the animation behavior of the object with the given
id.
function CancelBehavior(id)
if (gBehaviorsArray[id])
gBehaviorsArray[id].cancel();
gBehaviorsArray[id] = null;
// Show the image of the current selected row inside the
dsPhotos data set.
function ShowCurrentImage()
var curRow = dsFeatures.getCurrentRow();
SetCover("../../../../../" +
dsFeatures.getCurrentRow()["@path"], 150, 180, "mainImage");
SetCover("../../../../../" +
dsFeatures.getCurrentRow()["@path"], 200, 300, "mainImage2");
//SetCover("../../../../../" +
dsFeatures.getCurrentRow()["@path"], 120, 150, "mainImage3");
//SetCover("../../../../../" +
dsFeatures.getCurrentRow()["@path"], 120, 150, "mainImage3");
// Utility function to advance (forwards or backwards) the
current selected row
// in dsFeatures. This has the side effect of "selecting" the
thumbnail and image
// of the new current row.
function AdvanceToNextImage(moveBackwards)
var rows = dsFeatures.getData();
var curRow = dsFeatures.getCurrentRow();
if (rows.length < 1)
return;
for (var i = 0; i < rows.length; i++)
if (rows
== curRow)
if (moveBackwards)
--i;
else
++i;
break;
if (!moveBackwards && i >= rows.length)
i = 0;
else if (moveBackwards && i < 0)
i = rows.length - 1;
curRow = rows;
dsFeatures.setCurrentRow(curRow["ds_RowID"]);
ShowCurrentImage();
function SetSlideShowTimer()
KillSlideShowTimer();
gSlideShowTimer = setTimeout(function(){ gSlideShowTimer =
null; AdvanceToNextImage(false); }, gSlideShowInterval);
function KillSlideShowTimer()
if (gSlideShowTimer)
clearTimeout(gSlideShowTimer);
gSlideShowTimer = null;
// Start the slide show that runs forwards through all
// the rows in dsPhotos.
function StartSlideShow(skipTimer)
gSlideShowOn = true;
if (!skipTimer)
SetSlideShowTimer();
// Kill any slide show that is currently running.
function StopSlideShow()
gSlideShowOn = false;
KillSlideShowTimer();
Also if someone could explain how i could set the dataset for
each image(coverImage) to be for each <set id=""> that would
be great.
Thanks for any help you can provide.

Two oam animations in one page not displaying?

I have tested each one solo and they work great but if I import them both they stop showing ? What can I do to fix this....
<!doctype html>



 <html class="">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>PRISMA CREATIVE COMMUNICATIONS</title>
<link href="css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/fluid.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">


<script src="js/respond.min.js"></script>

<script>var __adobewebfontsappname__="dreamweaver"</script>
<script src="http://use.edgefonts.net/quicksand:n3,n4:default.js" type="text/javascript"></script>

<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<script>
var custHtmlRoot="edgeanimate_assets/navTablet/Assets/";
var script = document.createElement('script');
script.type= "text/javascript";
script.src = custHtmlRoot+"edge_includes/edge.5.0.1.min.js";
var head = document.getElementsByTagName('head')[0], done=false;
script.onload = script.onreadystatechange = function(){
if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
done=true;
var opts ={
    scaleToFit: "width",
    centerStage: "none",
    minW: "0px",
    maxW: "undefined",
    width: "699px",
    height: "125px",
bScaleToParent: "true"
opts.htmlRoot =custHtmlRoot;
AdobeEdge.loadComposition('navTablet', 'navTablet', opts,
{"dom":{}}, {"dom":{}});
script.onload = script.onreadystatechange = null;
head.removeChild(script);
head.appendChild(script);
</script>
<style>
        .edgeLoad-navTablet { visibility:hidden; }
    </style>


<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<script>
var custHtmlRoot="edgeanimate_assets/navHeaderScreen/Assets/";
var script = document.createElement('script');
script.type= "text/javascript";
script.src = custHtmlRoot+"edge_includes/edge.5.0.1.min.js";
var head = document.getElementsByTagName('head')[0], done=false;
script.onload = script.onreadystatechange = function(){
if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
done=true;
var opts ={
    scaleToFit: "width",
    centerStage: "none",
    minW: "0px",
    maxW: "undefined",
    width: "1232px",
    height: "85px"
opts.htmlRoot =custHtmlRoot;
AdobeEdge.loadComposition('navHeaderScreen', 'navHeaderScreen', opts,
{"dom":{}}, {"dom":{}});
script.onload = script.onreadystatechange = null;
head.removeChild(script);
head.appendChild(script);
</script>
<style>
        .edgeLoad-navHeaderScreen { visibility:hidden; }
    </style>

</head>
<body>
<div class="gridContainer clearfix">
    <div id="navScreen" class="fluid ">
      <div id="Stage2" class="navHeaderScreen"></div>
    </div>
    <div id="navMobile" class="fluid"><div id="logo"><img src="images/logo-prisma.gif" alt=""/></div>
    <div id="tagLine">CREATIVE COMMUNICATIONS</div><img src="images/collaborate-mobil.jpg" alt=""/><img src="images/create-mobil.jpg" alt=""/><img src="images/communicate-mobil.jpg" alt=""/><img src="images/inspire-mobil.jpg" alt=""/></div>
    <div id="navTablet" class="fluid ">
    <div id="logo"><img src="images/logo-prisma.gif" alt=""/></div>
    <div id="tagLine">CREATIVE COMMUNICATIONS</div>
    <div id="Stage" class="navTablet"></div>
    </div>
   <div id="mobilBanner" class="fluid "><img src="images/mobil-banner.jpg" alt=""/></div><div id="bannerCommunicate" class="fluid clearfix"><img src="images/BC.jpg" alt=""/></div>
<div id="messageBar" class="fluid blueBkg">LET THE FUN BEGIN > COMMUNICATE WITH THE UNIVERSE</div>
     <div id="mainLeft" class="fluid darkblue mainContent">Having defined and developed your strategy, visuals and content, you are ready to display and project your message and start creating brand recognition. a full spectrum of your message across communication channels.
</p>
<p>Prisma’s broad expertise in multi-platform production, coupled with a custom tailored plan, ensures that delivery is consistent, clear and on target.</p>
<p>PRISMA offers a variety of services to support your brand, including quote and sourcing research, print management and cross browser compatibility assurance. These tools when combined with the tracking and measurement of key pieces of research data, ensure that your communications are continually honed and received, maximizing bot their effect and your return on investment. </p>
     </div>
     <div id="mainRight" class="fluid darkblue ">
       <p class=" blueBarTitles">ON PAPER</p>
       <div id="leftColProd" class="fluid darkblue clearfix"><ul class="listProducts ">
         <li><strong>BUSINESS NEEDS</strong></li>
         <li>Business Cards</li>
<li>Stationary</li>
<li>Stickers</li>
<li>Postcards</li>
<li>Invite</li>
<li>Menus</li></ul>
<ul class="listProducts">
   <li><strong>EDITORIAL </strong></li>
   <li>Brochure</li>
<li>Magazines</li>
<li>Catalog</li>
<li>Book Covers & Layout</li>
</ul>
</div>
     <div id="rightColProd" class="fluid clearfix">
      <ul class="listProducts">
   <li><strong>ENVIRONMENTAL</strong></li>
   <li>Signage </li>
<li>Banners</li>
<li>Wayfinding</li>
<li>Trucks</li></ul>
     <ul class="listProducts">
       <li><strong>PRESENTATIONS</strong></li>
       <li><strong>EVENT PROMOTION</strong></li>
       <li><strong>ADVERTSING</strong></li>
       <li><strong>EXHIBITION DESIGN</strong></li>
     </ul>
</div>
     <p class="clearfix"></p>
     <p class="blueBarTitles">ON SCREEN</p>
     <div id="leftColProd" class="fluid clearfix">
     <ul class="listProducts">
       <li><strong>INTERFACE DESIGN</strong></li>
       <li>Websites</li>
       <li>Applications</li>
       <li>Blogs</li>
       <li>Power Point Presentations</li>
       </ul>
        <ul class="listProducts">
        </li>
          <li><strong>BLOG DEVELOPMENT</strong></li>
        </ul>
     </div>
     <div id="rightColProd" class="fluid clearfix"> <ul class="listProducts">
       <li><strong>ONLINE MARKETING</strong></li>
       <li>Email Campaigns</li>
       <li>Landing Pages</li>
       <li>SEO</li>
       <li>Social Media Design & Integration</li>
     </ul>
     </div>
     </div>
<div id="bottomBox" class="fluid greenBkg"><img src="images/greenBox.gif" alt=""/></div>
<div id="bottomBoxTwo" class="fluid yellowBkg"><img src="images/pintrest/create.jpg" class="centerImage"alt=""/></div>
<div id="bottomBoxThree" class="fluid darkblueBkg">
<div id="mc_embed_signup">
<form action="//prismacreativecommunications.us10.list-manage.com/subscribe/post?u=b2324e3ea54f 16fab74603913&id=aa94acd787" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>    
    <div style="position: absolute; left: -5000px;"><input type="text" name="b_b2324e3ea54f16fab74603913_aa94acd787" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="SUBSCRIBE" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>
</div>
<div id="bottomBoxFour" class="fluid ">bbb</div>
     <div id="homeFooter" class="fluid gradient ">
     <p class="hmpgFooterCopy">
561 906 2583<br>
[email protected]<br>West Palm Beach, Florida</p></div>
</div>
</body>
</html>

Hi Stephan,
this solved placing both animation on one page. Make sure all your fonts are called out in the <head> section like for example:
<script>var __adobewebfontsappname__="dreamweaver"</script>
<script src="http://use.edgefonts.net/quicksand:n3,n4:default.js" type="text/javascript"></script>
Dreamweaver does this automatic for you. If you are having a font conflict I recommend under command (if you are using dreamweaver)
Clean up the font Tag and add only the ones that you are using again, sometimes they accumulate.
Good Luck.

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>

How can you have two link styles on one page?

I have one style (formatted link style) for internal links in
my footer but I want a different style for the external links in my
mainContent. Is it possible to have two different "styles" of links
on one page? I tried creating a new set for the mainContent links
and being positioned underneath my footer link's styles, the "new"
mainContent link styles overrode the footer link style. Is there
another way of going about this?
Thanks anyone, Julie

Julie:
> I'm just not code savvy.
As long as you permit yourself to offer this argument, you
will struggle
with Dreamweaver. If you are serious and want to improve, you
will have to
overcome your code-phobia.
What is in these two files?
> <link href="css/area.css" rel="stylesheet"
type="text/css" />
> <link href="css/footlinks.css" rel="stylesheet"
type="text/css"
> media="screen"
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Rock Artist" <[email protected]> wrote in
message
news:[email protected]...
> Murray, I was just looking over my code and noticed the
links in my footer
> are
> styled, in the first place, by a class I created in my
main.css (for all
> of my
> pages) called ".webdis" (nickname for webmaster and
disclaimer). I do see
> my
> link format style in the head of this document but am I
supposed to see it
> where the footer is (in the code)?
>
> If you look at the first external link (the only one I
have attached a
> link to
> so far):
> </p>
> <p class="contentlinx"><a href="
http://www.hotsprings.org/">Hot
> Springs
> Convention & Visitor's Bureau</a><br
/>
>
http://www.hotsprings.org/<br
/>
> </p>
>
> It took on same style as my footer links. I'm a little
frustrated, it just
> seems like it should be so simple. I'm ready to launch
this thing tonight
> and
> this is the only "little" thing I have left to do. I
hate to cheat and
> make
> each one of these site links a graphic and link it as a
graphic, but I am
> so
> ready to get this thing up.
>
> I'm just not code savvy. I am going to attach my code to
this reply and
> maybe
> you can tell me what I'm doing wrong. Thanks, Julie
>
>
>
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
> <title>Area Interests</title>
>
> <link href="css/main.css" rel="stylesheet"
type="text/css" />
> <style type="text/css">
> 
> </style>
> <link href="css/area.css" rel="stylesheet"
type="text/css" />
> <link href="css/footlinks.css" rel="stylesheet"
type="text/css"
> media="screen"
> />
> </head>
>
> <body>
> <div id="wrapper">
> <div id="header"></div>
> <div id="sidebar">
> <p align="center"><a
href="index.html"><img
> src="images/vert_nav_bar/home_button.jpg"
alt="navigation button to home"
> width="155" height="50" /></a><a
href="property.html"><img
> src="images/vert_nav_bar/property_button.jpg"
alt="navigation button for
> property" width="155" height="50" /></a><a
href="maps.html"><img
> src="images/vert_nav_bar/maps_button.jpg"
alt="navigation button for maps"
> width="155" height="50" /></a><a
href="gallery.html"><img
> src="images/vert_nav_bar/gallery_button.jpg"
alt="navigation button for
> photo
> gallery" width="155" height="75" /></a><a
href="gallery.html"><img
> src="images/vert_nav_bar/area_button.jpg"
alt="navigation button for area
> interests" width="155" height="75" /></a><a
href="contact.html"><img
> src="images/vert_nav_bar/contact_button.jpg"
alt="navigation button for
> contact
> us" width="155" height="75" /></a></p>
> <div id="sidephoto"><img
src="images/tree_flower.jpg" alt="garvan tree
> flower" width="145" height="275" /></div>
> </div>
> <div id="header2">
> <h2 class="style2">AREA INTERESTS</h2>
> </div>
> <div class="proptext" id="content">
> <p>HOT SPRINGS NATIONAL PARK, ARKANSAS</p>
> <div id="photofeature"><img
src="images/garvin_stream.jpg" alt="garvan
> gardens" width="275" height="218" /></div>
> <p align="left">America's first resort, also
referred to as "The
> Spa
> City", Hot Springs definitely has a pulse
> of its own. Visit the sites below to find out why this
is one of
> the
> most popular vacation destinations in the South.
Featuring world famous
> natural
> hot springs, historic bathhouse row, and thoroughbred
horse racing at
> Oaklawn
> Park. The perfect place to relax, the perfect place for
adventure, Hot
> Springs
> provides a year-round opportunity for outdoor
recreation, world-class bass
> fishing and fabulous water sport activities, hiking,
horseback riding and
> quartz crystal hunting. In fact, take a day trip to
Murfreesboro to the
> Crater
> of Diamonds State Park, the only diamond-producing site
in the world that
> is
> open to the public and try your hand at diamond hunting
or searching for
> 40
> other types of semi-precious stones, rocks and minerals.
Garvan Woodland
> Gardens, a 210 acre forested peninsula jutting into Lake
Hamilton with a
> showcase of floral landscapes, streams and waterfalls,
is a "must
> see". Hot Springs has a strong art community as
well. Enjoy artist's
> galleries, film-making events and musical venues all
over town. Did I
> mention
> historical architecture? There is too much to mention
here about this
> wonderful
> city, please see for yourself by visiting the local
sites below to see
> what's
> happening in and around town.<br />
> </p>
> <p class="contentlinx"><a href="
http://www.hotsprings.org/">Hot
> Springs
> Convention & Visitor's Bureau</a><br
/>
>
http://www.hotsprings.org/<br
/>
> </p>
> <p class="contentlinx">Facts About Hot
Springs<br />
>
http://www.hotsprings.org/media_room/news-detail.asp?news_id=9</p>
> <p class="contentlinx">City of Hot Springs<br
/>
>
http://cityhs.net/</p>
> <p><span class="contentlinx">The Greater Hot
Springs Chamber of
> Commerce<br />
>
http://www.hotspringschamber.com/</span><br
/>
> </p>
> </div>
> <div id="footer">
> <p><span
>
class="webdis">WEBMASTER | &
> nbsp;<a
href="disclaimer.html">DISCLAIMER</a></span></p>
> </div>
> </div>
> </body>
> </html>
>

How can I make multiple popup links on one page?

I was wondering if anyone had a simple code that will allow me to have multiple popup links on one page? I have no idea what to do. Any help would be greatly appreciated.

Give each an individual id like:
<SCRIPT language="JavaScript1.2">
function openwindow1()
window.open("score_popup/wbc_slalom_running_order.html",
"mywindow","location=1,status=1,scrollbars=1,width=600,height=525");
.......... etc.
and then:
<p><a href="javascript: openwindow1()">WBC Invitational Slalom Event Running Order</a></p>
View actual working page here:
http://www.worldbarefootcenter.com/
scroll to bottom of page to see pop-up links. View source code for complete details:
Best wishes,
Adninjastrator

Can you display multiple photos on one page with slide tool to transition between them?

Hi Folks,
I have a series of photos taken from the exact same location but on different days. I would like to display them on one page but use a slide tool/bar to move or transition between the photos. If the slide bar can display the date of the photo then that would be great.
Can this be done in adobe?
Any help would be great.
Thanks.

A Steve mentioned you can use a button to display an image. If you use JavaScript, you wouldn't have to show/hide multiple buttons but could instead dynamically set the button icon programmatically. The setup for something like this is a bit involved, but it's not overly complicated. Post again if you'd like more details.
The slide bar is the thing that would have to faked as there is no such built-in control, but something functionally equivalent could be done, it just may not behave as smoothly as you want.

How to display a table view and a pdf view on one page?

Hi,
I want to build a portal page, at the top of the page , there will be a table view,
containing a list of employee, below that is a pdf file showing the profile of the selected employee.
i have finished the two parts separately, but since the pdf display require to set the response type of the page, so i think it's not possible in integrate the two parts into one page.
so do i need to use iframe? or is there any other design to solve my problem?
thanks and best regards.
jun

You can create main page & call other two pages which u already created using
<b><frameset></b>
<frameset row = "30%, 70">
<frame src ="tableview.htm" />
<frame src ="pdf.htm" />
</frameset>
Raja T

Uncheck "Fill screen with one page at a time"

Is it possible to set a javascript to turn off the preference "Fill screen with one page at a time" when entering in Full Screen mode? So that way, it will override Acrobat or Reader application preferences when the PDF is open on users computers.

Everything that's supported is documented here: http://livedocs.adobe.com/acrobat_sdk/11/Acrobat11_HTMLHelp/JS_API_AcroJS.89.768.html
Unfortunately, what you want isn't supported.

Why can't I print more than one page?

I'm pring a lafge text:
<af:inputText id="it1" value="#{main_bean.resp}" readOnly="true"
simple="true" rows="#{main_bean.kvitRows}" styleClass="AFStretchWidth"
visible="true"/>
That is I use one af:inputText with many rows.
To send it for pring I use JavaScript.
<af:resource type="javascript" >
function printPage(evt){
window.print();
evt.cancel();
window.close();
</af:resource>
When printing it clips the text. If the text is more than one page it print only one page. I need to continue printing on the next pages (not to clip). When printing othe web-pages it distributes it onto several paper pages.

Michele Stapleton wrote:
I think using Numbers is too complicated because what I want essentially is a text document I can alter. I take the information they put into my form and repurpose it in a way I find more useful while performing the job. So, I want to be able to take their typed information and move it around. And add some more of my own.
You may perfectly "their typed information and move it around" in Numbers which behave as the AppleWorks Draw environment.
Here is the second page in the document which I posted before.
As you may see, the standard Word Processor features are at work:
Spell Checker
Selection…
I exported my AppleWorks documents in Numbers ones.
And of course, with the Numbers document open, you may copy pieces of it and paste them in Pages's pages.
Yvan KOENIG (VALLAURIS, France) jeudi 16 juin 2011 16:44:30
iMac 21”5, i7, 2.8 GHz, 4 Gbytes, 1 Tbytes, mac OS X 10.6.7
Please : Search for questions similar to your own before submitting them to the community
To be the AW6 successor, iWork MUST integrate a TRUE DB, not a list organizer !

Using cookies and JavaScript to create a page to page timer.

I have long wanted to be able to measure the time it takes to get from one page to another. While reading in my JavaScript reference the other day, I came across cookies. I've long known about cookies but have never used them. The thing that looked attractive was that you can access cookies from both JavaScript and CF.
So I put together the procedures to store the "start time" (startTimeP8D) for the transition and activated it on the onUnload event of a 1stpage. After a few rewrites I got it working.   Here is the JavaScript to do that: it consists of two functions: doTimer which is the input section and setCookie, which writes to the cookie. Not the two numbered alert statements.
doTimer - results for "start" from the doTimer function called from page 1 when it unloads. (See doTimer below)
     Please note that the two startTime8D values are the same immediately after they are stored.
On the 2nd page in the sequence, I run the corresponding code to determine the "end time", compute the delta and write it out to the page. It didn't all run on the first try, but it now seems to be running without a crash, which can be misleading.
      second set of outputs from page 2:
     Please not that while the endTimeP8D match, the startTimeP8D value no longer matches the previously stored value.
There is one major hitch in the get along which has me stymied: As you can see, when you compare the startTimeP8 in the setCookie – results above and the "startTimeP8" in the doTimer results below the startTimeP8 is not the value that I wrote to the cookie @ unload of page 1. I have checked and checked and do now see anywhere that the startTimeP8D value is being overwritten. Based upon my limited experience with JavaScript cookies, it seems to me that you get an entry for each time you set the cookie. So I would expect to see to startTimeP8D entry for each setCookie event, not a different value.
     The result of the failed computation is shown on the bottom of the page. As you can see, the Total Elapsed Time is negative, which is never a good sign. The other time shown, Page build time, is the run time from the server. The whole purpose is to be able to show folks that the reason the code might be show is because of their overloaded network and not our code. We had one client whose had users running on 56k modems. It was so slow their VPN software was timing out!!! Still the had the never to blame us!!!
I am using SQLServer 2005, CF8, IE8 on W7.
I'm not married to this way of doing this so if anyone has a better/easier way of doing a "page to page timer", I'm up for it. I'd prefer to fix this one since I've been working on it for the past 3 days.
Thanks in advcance for your help.
Len, PHRED SE

Here it is with no JQuery or console logging calls using cookie utility functions found here:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
     <title>Test JavaScript Page Load Timer</title>
     <script>
          window.onload = function(){
               var previousPageUnload = getCookie('unloadTime');
               if(previousPageUnload){
                    var d = new Date();
                    var loadTime = d.getTime() - previousPageUnload;
                    alert(loadTime + 'ms');
          window.onunload = function(){
               var d = new Date();
               setCookie('unloadTime',d.getTime());
          function setCookie(c_name,value,expiredays) {
               var exdate=new Date();
               exdate.setDate(exdate.getDate()+expiredays);
               document.cookie=c_name+ "=" + escape(value) + ((expiredays==null) ? "" : ";expires="+exdate.toUTCString());
          function getCookie(c_name) {
               if (document.cookie.length>0) {
                 c_start=document.cookie.indexOf(c_name + "=");
                 if (c_start!=-1)
                   c_start=c_start + c_name.length+1;
                   c_end=document.cookie.indexOf(";",c_start);
                   if (c_end==-1) c_end=document.cookie.length;
                   return unescape(document.cookie.substring(c_start,c_end));
               return null;
     </script>
</head>
<body>
     <h1>Test JavaScript Page Load Timer</h1>
</body>
</html>
Note that overwriting global window events like this is not a good idea, which is why I used JQuery in my earlier example. I strongly suggest you look at JQuery or one of the other JS libraries (YUI, etc.) to help with event handling. I'll leave it at that as this is getting into JavaScript development, not really on topic for a ColdFusion forum.

2 javascript src in one page ?

Similar Messages

Maybe you are looking for