Following script not working

**newarnikanchhi** · 03-19-2011, 01:17 PM

I used the following script in the Front Page it worked very well, when I paste same script in my site it does not work ? Other script I used from this site is working perfectly but this one does not work.

<html>

<head><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="http://www.************/fadeslideshow.js">

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (Dynamic Drive DHTML(dynamic html) & JavaScript code library)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at Dynamic Drive DHTML(dynamic html) & JavaScript code library for this script and 100s more
***********************************************/

</script>

<script type="text/javascript">

var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [625, 275], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://************/banners/potalachina.jpg", "http://www.************/Tibet.php", "", "Potala Palace in Tibet."],
["http://************/banners/treking_ghandruk.jpg", "http://************/Nepal.php", "", "On the way to Ghandruk in Annapurna trekking"],
["http://************/banners/ilovenepal.jpg", "", "", "Students from Netherlands wearing I Love Nepal T-shirt while our presentation in the Netherlands"],
["http://************/banners/Tiger_nest_bhutan.JPG", "", "", "Tiger Nest or Takshang, Guru Rimpoche's cave in Bhutan."] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "peekaboo",
togglerid: ""
})

</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 2</title>
</head>

<body><div id="fadeshow1"></div>

<br />

</body>

</html>

**jscheuer1** · 03-19-2011, 04:37 PM

Works fine here. For layout purposes you should use valid HTML and a DOCTYPE that invokes standards, but what you have there works OK. It just lays out a little oddly in some browsers. Here it is with valid markup and a standards invoking DOCTYPE:

Code:

<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 2</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="http://www.************/fadeslideshow.js">

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (Dynamic Drive DHTML(dynamic html) & JavaScript code library)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at Dynamic Drive DHTML(dynamic html) & JavaScript code library for this script and 100s more
***********************************************/

</script>

<script type="text/javascript">

var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [625, 275], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://************/banners/potalachina.jpg", "http://www.************/Tibet.php", "", "Potala Palace in Tibet."],
["http://************/banners/treking_ghandruk.jpg", "http://************/Nepal.php", "", "On the way to Ghandruk in Annapurna trekking"],
["http://************/banners/ilovenepal.jpg", "", "", "Students from Netherlands wearing I Love Nepal T-shirt while our presentation in the Netherlands"],
["http://************/banners/Tiger_nest_bhutan.JPG", "", "", "Tiger Nest or Takshang, Guru Rimpoche's cave in Bhutan."] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "peekaboo",
togglerid: ""
})


</script>
</head>

<body><div id="fadeshow1"></div>

<br />

</body>

</html>

As long as you don't move the resources (scripts and images) from their current locations, that works. Your domain must be on some kind of ban list, but I figured it out. Once again, as long as you don't move the resources, here's a live demo:

http://home.comcast.net/~jscheuer1/side/egtours_h.htm

And I now see that your actual home page uses prototype 1.5.0_pre1, which as far as I know is incompatible with jQuery. So, unless you can update to at least prototype 1.6.0.2, which may require you to update effects as well as any scripts using them (it would actually be better, if you can, to update to the most recent prototype version) - That's if you even need them at all - I'm not sure what you're doing with them . . . Unless you can deal with that, you cannot use jQuery, which is required by Ultimate Fade 2.x. Even if you can, the order in which the scripts appear in the head would have to be a certain way to avoid conflicts.

You could use something like:

http://www.dynamicdrive.com/dynamici...army/index.htm

which doesn't require jQuery.

**newarnikanchhi** · 03-20-2011, 03:59 AM

Hello,

Thank you for your great help, I do not know what happened on it. Here is the example.

http://www.************/test.php

**jscheuer1** · 03-20-2011, 09:51 AM

It's like I said. If you just change:

Code:

<script type="text/javascript" src="sohoadmin/program/includes/display_elements/window/prototype.js"></script>

to:

Code:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script>

It works.

But, as I also said, I'm not sure what, if anything you're using prototype for. It looks like you aren't using it for anything, in which case you could get rid of that line entirely, as well as this one:

Code:

<script type="text/javascript" src="sohoadmin/program/includes/display_elements/window/effects.js"></script>

Probably this one too:

Code:

<script type="text/javascript" src="sohoadmin/program/includes/display_elements/window/window.js"></script>

What are these scripts used for? Perhaps they are used on another page, or were once used on the actual home page, or still are used there. There could be other dependencies. It looks like they might be for a lightbox type effect, are you using that on the home page or any of the pages?

Anyways, and this is important:

For IE you need to add this to your stylesheet:

Code:

#fadeshow1 .descpanelfg {
	text-align: left;
}

**newarnikanchhi** · 03-20-2011, 11:27 PM

You mean I edit .js file also with above ?

**jscheuer1** · 03-21-2011, 03:13 AM

Originally Posted by newarnikanchhi

You mean I edit .js file also with above ?

Now I'm unclear what you mean.

This part is about the script tags on the page:

Originally Posted by jscheuer1

It's like I said. If you just change:

Code:

<script type="text/javascript" src="sohoadmin/program/includes/display_elements/window/prototype.js"></script>

to:

Code:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script>

It works.

But, as I also said, I'm not sure what, if anything you're using prototype for. It looks like you aren't using it for anything, in which case you could get rid of that line entirely, as well as this one:

Code:

<script type="text/javascript" src="sohoadmin/program/includes/display_elements/window/effects.js"></script>

Probably this one too:

Code:

<script type="text/javascript" src="sohoadmin/program/includes/display_elements/window/window.js"></script>

What are these scripts used for? Perhaps they are used on another page, or were once used on the actual home page, or still are used there. There could be other dependencies. It looks like they might be for a lightbox type effect, are you using that on the home page or any of the pages?

And this part is about adding to your stylesheet:

Originally Posted by jscheuer1

Anyways, and this is important:

For IE you need to add this to your stylesheet:

Code:

#fadeshow1 .descpanelfg {
	text-align: left;
}

Nowhere do I tell you to edit a .js file.

What are you using prototype for?

**newarnikanchhi** · 03-22-2011, 12:20 AM

Thank you but I am still unclear. Whether those lines replace in custom code ? I tried replacing with one of them it came blank. I'm unsure which prototype I am using.

**jscheuer1** · 03-22-2011, 03:29 AM

What custom code are you talking about?

What lines are you talking about?

If you don't know what you are using Prototype for, try the page without it.

**newarnikanchhi** · 03-22-2011, 08:55 AM

I was talking about custom code.

I did try but no work. I think Swiss army slide also similar function I assume.

**newarnikanchhi** · 05-08-2011, 11:19 AM

1) Script Title: Ajax Tabs

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...uppliment3.htm

3) Describe problem:

I wanted to use above script in my page but there are some I could not customise.

1. Loading image is not loading
2. example availa at http://www.************/test.php

Thread: Following script not working

Thread Tools

Search Thread

Following script not working

ajax tab content issues

Bookmarks

Bookmarks

Posting Permissions