I'm messing a lot with the issue but it is driving me nuts Issue is, I'm applying Nivo Slider on 3 instances. It works fine on 2 but not 3rd. If I apply the Nivo Slider on 2 instances then it works fine for 1 but not for 2nd. So Strange.
View 1 RepliesIm using nivo slider and I want to have 5 images instead of the general 4 it uses.
However I have added my 5th image as the last on to be display. Once it has shown this image it doesn't loop back to the first image again. It loops to the 2nd one. Has anyone got any idea what I need to change so that it loops to the first slide again?
Ive tried adding HTML captions to see if this is what it uses to see how many slides there is, ive tried editing the total slides from 0 to 4 & 5. But still no luck :(
Heres the link to the slider : [url]
Everything was fine with my Nivo slider using jQuery 1.5.1.....as soon as I linked to 1.6......it added an inline element size of 1px in height and width to my slider and basically made the slider disappear. I have a width and height specified in the CSS, but it gets overwritten by the jQuery. As soon as I link back to 1.5.1, it works normal again.
View 2 Replies View RelatedI'm having issues with the Nivo Slider Script not showing images in IE7 it shows in all other browsers.
I'm using Wordpress as the backend.
Here is the website link,
[UrL]
I can't seem to get the PNG background fix for IE6 to work for Nivo Slider. I'm using IE PNG Fix - TwinHelix and I've got iepngfix.htc and blank.gif in my CSS folder. iepngfix.htc points to blank.gif like this: IEPNGFix.blankImg = thisFolder + 'blank.gif';. In my nivo-slider.css I've got
[Code]...
I'm not sure if this is a Javascript or a CSS issue, but I'm running into trouble with the Nivo Slider, which uses the jQuery library: [URL]
This is the page I'm having trouble with: [URL]
If you click the right arrow, after about three clicks, it gets stuck and won't scroll to the right anymore. I widened the controlnav div but it doesn't do anything. what may be making it malfunction?
I have a video-content website and use the jQuery on most all the pages. One page combines theAccordian widget with video:
[Code]...
I have used the Nivo Slider on my website: [URL]. It displays just fine on Firefox but not on IE9, it displays it as if all the images are stacked on top of one another going down the page, but the images don't actually display. Only when I turned on compatibility view on IE9 that the page works properly. I have tried placing the javascript:
Code:
<script src="[URL]" type="text/javascript"></script>
<script src="[URL]" type="text/javascript"></script>
<script src="[URL]" type="text/javascript"></script>
Between the <head> tags but then it doesn't load. It only loads if I add them into the page. Above my slider:
Code:
<div id="slider" style="width: 400px ! important; height: 300px ! important;"><img src="[URL]frontpage1.jpg" border="0" alt="frontpage1" /> <img src="[URL]frontpage2.JPG" border="0" alt="frontpage2" /> <img src="[URL]frontpage3.jpg" border="0" alt="frontpage3" /> <img src="[URL]frontpage4.jpg" border="0" alt="frontpage4" /> <img src="[URL]frontpage5.jpg" border="0" alt="frontpage5" /><img src="[URL]frontpage6.jpg" border="0" alt="frontpage6" /><img src="[URL]frontpage7.jpg" border="0" alt="frontpage7" /><img src="[URL]frontpage8.jpg" border="0" alt="frontpage8" /><img src="[URL]frontpage9.jpg" border="0" alt="frontpage9" /><img src="[URL]frontpage10.jpg" border="0" alt="frontpage10" /></div>
I am using Nivo Slider, a jquery image slider on my site Lykka.se. It works fine in all browsers except IE. In this browser an error alert appears stating 'Stack overflow at line: 881'. I am including the following scripts related to the slider in the page:
jquery-1.3.2.noConflict.min.js
jquery.nivo.slider.pack.js
The following script is included inside the <head>-section of the page:
Code:
<script type="text/javascript">
jQuery(window).load(function() {
jQuery('#slider').nivoSlider({
effect:'random',
slices:15,
animSpeed:500,
pauseTime:3000,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next and Prev
directionNavHide:true, //Only show on hover
controlNav:true, //1,2,3...
keyboardNav:true, //Use left and right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){} //Triggers after all slides have been shown
});
});
</script>
And finally this is the html-code I am using:
HTML Code:
<div id="slider-wrapper">
<div id="slider" class="nivoSlider">
<a href="[URL]"><img src="[URL]" alt="" /></a><a href="[URL]"><img src="[URL]" alt="" /></a>
</div>
</div>
I have a Nivo slider on each page of a site. The first page I put it on works fine, any other slider will not work the area that should be the slider simply appears as a block of colour.I initially thought that changing the id's would make no difference as each slider is on a separate page but decided to give it a go anyway as I had no other idea as to what it might be causing the problem.So, I have tried renaming the id's of the subsequent sliders (i.e #slider2 etc) and changing the call to the function at the bottom of the page to match this for example;
$(window).load(function() {
$('#slider2').nivoSlider();
});
and also adding these id's to the CSS to ensure the styles are applied to the new id's but nothing seems to work see here [URL] Ignore the rest of the pages I have not implemented the slider on these yet.
This is my first post to this forum. When a button in parent window is clicked multiple times, more than one popup window is opened. This problem is occurring in linux firefox and mozilla browsers. In windows the code is working fine. Is there any option in window.open() method to open a popup window once. s there any known issue regarding this case?. Need a workaround to fix this issue.
View 1 Replies View Relatedhen a button in parent window is clicked multiple times, more than one child window is opened. This problem is occurring in linux. In windows the code is working fine. Is there any option in window.open() method to open a child window once.
View 8 Replies View RelatedDoes anyone know of a Javascript slider that can function like Adobe's gradient creator?I'm not actually making gradients, I just need similar slider capabilities.I have a defined date range, let's say it's January 1 to Januaray 31. I want to make a slider that allows my user to split this date range into multiple ranges. So one person can do:
Jan 1 to Jan 5, Jan 6 to Jan 12, Jan 13 to Jan 31 Another person can do: Jan 1 to Jan 21, Jan 22 to Jan 31. How many regions they create doesn't matter to me. The goal is to pull it off with a Javascript slider that works similar to Adobe's gradient creator. Handle's can be added by clicking and removed by pulling it away from the slider. Handle's can also slide around fairly liberally.
I'm currently working on a browser based 2d multiplayer rpg using PHP and ajax. As the number of beta testers has increased, I have found that there is a significant amount of lag involved in changing maps (maps are 480x480px ea consisting of multiple images. What I would *like* to do, ideally, is only load each image once. So the first time I encounter "grass1.png", for example, it is loaded into div id "grass1", and never needs to be loaded again. My question is this, is it possible, to do the above, and then call div id "grass1" for each instance of the image?
This way, I could store all images encountered thus far. When the player left a map, all images would be positioned off-screen, and moved into the field of view as needed. I am already doing this, but there is a div for each unique object. (meaning there could be 10+ divs for the same image, for just one single map!). This would be much more efficient if I were able to call and store just one div per image, and just display it multiple times in multiple places.
I made a sort of typewriter script that shows every next character of a text in a particular DIV, each milisecond. (testing in IE, not tested in other browsers yet)
Now, after the function has run, I cannot run it again. It stops all completely.
I have put some variable in it to see it's running or not. But that doesn't help it anyway.
Has this something to do with event bubbling or something else?
Code JavaScript:
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>Test</title>
[Code].....
We have a webpage setup to alpha page individual people with pagers at work. It is a simple form that submits to a php file on the pager server. I am working on creating a script that submits a alpha-page to everyone at once. There are about 120 different ppl in the company, I want the script to submit the form once for each persons pager. I'm new to javascript but have alittle programming understanding.
[Code]....
I got a very good select script that produces multiple values and it works fine by itself but I have two other instances of the same script on the same page. I know that multiple scripts don't work on the same page unless you execute the onChange for all three. But I dont have a clue how to do that. Code:
View 9 Replies View RelatedI must be having a brain cramp, but I having a problem that is so very simple ... but can get my head around it.
[Code]...
I'm currently working on my first ever javascript and have run into an issue.
Source:
Code:
<script language="JavaScript">
img_width = 0;
img_height = 10;
timer = null;
function imageGrow(bar_len) {
growImg = document.getElementById('imageResize').style
growImg.width= img_width;
if(img_width != bar_len) {
img_width += 10;
timer = setTimeout('imageGrow()', 20);
} else {
clearTimeout('timer');
}}
</script>
<img onLoad="imageGrow(100);" src="img/graph.jpg" border="0" width="1" height="10" id="imageResize" align="center"><br />
<img onLoad="imageGrow(50);" src="img/graph.jpg" border="0" width="1" height="10" id="imageResize" align="center"><br />
I have 2 issues. First, the second image does not call the javascript and I assume this is because both images have the same ID? Can I associate code to 2 elements? Is it even possible to call the function multiple times in the way I'm trying to? Second, as the script is written above, the image never stops growing even when it reaches '100' as specified in the script. If I change 'if(img_width != bar_len)' to if(img_width != 100) it does stop growning when it reaches 100. I am unsure why, as bar_len = 100 when I call the function! I don't know if it makes any difference, but the HTML in my final code will be dynamically generated with ASP.
I have a javascript that displays couple of buttons, which are
directional (e.g., click button it goes to a particular page). I need
to have these buttons shows up multiple times in same page, each
represent a different direction but buttons themself are from the same
gif file. What's the most effecient way to do this?
I have a problem when I use the .live() function that I can't figure out. It's something I've run across several times and it keeps confusing me.
My jQuery:
jQuery('#content div.portfolio').live({
mouseover: function(){
jQuery(this).find('img').fadeOut();
[code]....
My problem is: when the mouse enters and leaves the image the image fades in and out for up to four times. The first mouseenter is just fadeout, fadein, fadeout. why is the event being triggered multiple times and more importantly what can I do to prevent this behavior?
First off I didn't know whether to post this here or in the PHP section since it deals with both, but mostly JS. I have a PHP scraper that scrapes the job title, company name and location from a website and stores them in separate arrays. These values are then extracted out one at a time from the array and stored into a string, that is then passed to a Google Maps API.
I can make this successfully happen once, the thing is I need to do it multiple times. I have an idea on what I should do but don't really know how to implement it (correctly). The idea I had was to create a function in the JavaScript section that accepts three values from PHP. This function would be called in my PHP for loop that extracts the values from the array into a string. The thing that confuses me is that the Map function is called via <body onLoad="initialize()">. Here's the link to my code (http://pastebin.com/rTfzJM16)
is there a way to find out if a Javascript function exisits on the page more than once? I know I can do window.FunctionName and return a boolean to find out if it exists or not, but I'm trying to check and see if I have multiple functions with the same name on the page.
View 3 Replies View RelatedWhat I am trying to do is have an input box where the user inputs a word(s), the a button which onclick changes the user's input data so that each line is modified to have a "<<" before the word and a ">>" after.
For example :
user types:
apple
orange
pear
[Code]...
I ran into a problem that I could not fix myself, I am trying to replace a string with another string, the replace lines look like this:
Code:
var word = document.getElementById("word").innerHTML;
document.getElementById("word").innerHTML = wordd.replace(/B/g, '<span class="style106">B</span><span class="style107"> </span>');
It works just perfectly if left alone, but I need to replace every letter inside this string, adding those style and span tags around each and every letter. So if I add another line to this code, like this:
[Code]...
I have a web page that tracks clicks on certain hyperlinks. I am using
attachEvent() to attach to the document onClick handler, for IE browsers.
It works fine, except that for about 1 out of every 6 clicks, I get 2 to 4
click events for a single click. I know this because each time the
hyperlink is clicked, I write a record to a MySQL database. I write the
record to the database by setting the SRC property of an IFRAME on the page,
to a tracking script.
If I look at the database, for 1 out of every 6 clicks, I see 2 to 4 records
for the same click event (occassionally as many as 6 records). They are at
least 1 second and at most 7 seconds apart from each other.