I need to use self.scrollTo(x,y) as the last action in a js function called
by a onClick event. It seems that the scrolling actually takes place, but
the document is then scrolling back to top when js code execution has ended.
In the following example I get this effect in IE6 with the third and fourth
calls, while the first two work fine. Code:
have a select element that has a function attached via onchange. The function does some AJAX using the HTML_AJAX library.
When I use Firefox, if I select an item in the list, then the code executes in a timely manner, which means that I see lines 1 and 2 of my debugging output (displayed at the end of this posting). The code then displays a wait window. A second or so later, I see the third and final line of debugging output when the AJAX call has completed. The wait window then disappears. Yaay!
However (and you knew that this was coming even without the "IE" tag in the subject header, didn't you?), with Internet Explorer, I see no debug output nor wait window until AFTER the AJAX call has completed one second or so later. Suddenly, every line of debug output is displayed and the code is executed. Boo!
"Hold on! Are you saying that your Javascript code isn't being executed until after the AJAX call?"
This is what I am seeing with Internet Explorer! Even if I insert an alert() message in the code, I do not see it until AFTER the AJAX call has completed, even though it appears in the code before the AJAX call. Then, I see my alert() message. I do not see the wait window because it is displayed and immediately closed during the rush of code that executes after the AJAX call has completed. The whole idea of the wait window is to display while the AJAX call is working.
Here is the code for the select element:
HTML Code:
<select id="txtfieldNbNights" tabindex="4"
onblur="return ValidNbNights(this, 4, true);"
onchange="return OnNbNightsChanged(this);">
[Code]....
I have discovered a XSS vuln in a website and I'd like to use this as a cookie grabber. If you can help, <removed>.
View 1 Replies View RelatedI'm developing with jQuery quite long right now, but recently I spotted one big problem with execution of jQuery code in Safari and Chrome. So everything is working fine in these browsers until jQuery code is placed in one page. But when using for example tabs plug-in loaded with ajax and on this loaded page exists some extra jQuery code it isn't executed.Co page is loaded but nothing is happening with code which was included. This problem doesn't exists in IE, FF or Opera. It appears only in Safari and Chrome. The same problem is when I'm loading page with $.get, $.post or $.ajax query. So it doesn't affect tabs plug-in but
overall functionality. I was checking that with latest versions of jQuery and UI today.
Subject line would seem to say it all:
How does one trigger the execution of a method within an object or any
other code/function with the setting of an object property?
More elaboration for those who want it:
Suppose we have anObjectType, with a property .description, whose value
can be a string, and the value of .description actually describes the
structure of anObjectType as a string. (The details are not important
about how the structure is described, but if you want something concrete,
think of 'anObjectType' as a DOM Node of type NODE_ELEMENT, and
..description as the property .innerHTML.)
When an instance of anObjectType is created, the value of description is
created with the instance. Indeed, the value of description may not be
set with the construction of anObjectType, but it might be added to the
prototype of anObjectType.
But the property .description is not merely read-only. Fetching the value
of .description returns the string which describes the structure of the
object in a meaningful way.
When .description is set with a value of type string, the string is
checked to see if it properly describes a legally formed structured for
anObjectType, and the instance (and only that instance) of anObjectType is
completely re-built: it might possibly be destructed and then re-
constructed, or all properties (but not methods) which involve descendant
objects are changed to conform to the described structure.
The question is, the setting of a string value of the property
..description of object anObjectType does not automatically trigger a
method/methods (or an exception??) for doing something (such as
restructing the object) as a result of the setting of an object property.
Until now I have used the javascript function eval(), wrapped it in a try / catch block and showen him the error message if the javascript code was flawed.But this comes with the problem that if there is no error the script will be executed.So what I´d like to is use the jquery function globalEval(), wrap it in a try / catch block and display the error message if the script does not run sucessfully as I have done before,BUT:if the script would execute without an error I´d like to use some kind of preventDefault so that the script would not be executed at all and instead I could show the user a message that the script passed validation.I know that the way I propose is not possible as the script has to be executed somehow so that possible errors are generated...does anyone have an idea how to do what i propose ?
View 8 Replies View RelatedI'm trying to build an image gallery and I want to shrink all the images a bit to allow for enlarging them on mouseover. I have it working fine locally, but when deployed to my server it doesn't work because the image files are still loading as the javascript executes. What I wind up with is the js using the image's alt tag's text size as the image size, which then gets resized to create a squashed image. What I want to do is preload all the thumbnail images before the the function to resize them gets called so the resize function has the proper dimensions of the images to do the transformation on. I'm using the jQuery.Preload plugin for my preloading functionality.
$(document).ready(function(){
[Code]...
My expectation of this code is that the enable_anim_resize() function will not be called until all the images are loaded, but I don't see any difference in this execution than if I just sequentially put in my resize code after the preload line and didn't use the onFinished callback for the preload method (example below:) $(document).ready(function(){ From my understanding of the documentation and examples of the preload plugin, the enable_anim_resize() function shouldn't be called until all images on the page are loaded, at which point the proper dimensions of these images should be available for correct resizing. Can anyone clue me in on what I'm missing here?
I'm trying to add a back and forward button to some scrolling images. The code that handels this runs on load and will cycle the images.
Code:
function rotater() {
if(document.layers) {
document.placeholderlayer.document.write(items[current]);
document.placeholderlayer.document.close();
[code]....
I've gotten .load to load content into a div but if the window is not at the top of the page it scrolls back to the top each time the new content is loaded but I wanted to avoid any sort of change on the page other than the content in the div. It seems pointless if the user has to scroll back down to the div where the content is each time? code...
Is there a way to keep the window in the same position? Also while I'm at it - is there a more efficient way to write this considering I have 9 pages or should I just write this code out for each instance?
One of my clients has been using <marquee> to make some text scroll, but apparently it doesn't comply with W3C accessibility guidleines. I've been hunting around for a CSS/JavaScript code so we can lose the <marquee> command, but I can't find one. Do you know where I can get hold of one?
View 2 Replies View RelatedThe window is supposed to automatically scroll and move but it isn't working. (It was taken from a discontinued book called javascript in 24hrs) The javascript:
var pos=100;
function Scroll(){
if (!document.getElementById ) return;
obj=document.getElementById("thetext");
pos -=1;
if(pos < 0-obj.offsetHeight + 130) return;
obj.style.top=pos;
[Code]...
My Javascript abilities are sub-par so I normally try to follow tutorials or examples to implement java for now. Although I digress. To the point... I'm coding a web site for a photographer and need a natural looking picture selecting menu.
For example...
Now you kinda grasp what I'm attempting to do here.. anyone know of a good tutorial or example showing how to do this? I've seen several auto scrolling menus but that's not what I'm looking for. I just want an intuitive nav bar for pics...
This is what i need to do: I have a single <DIV> </DIV> for rendering dynamic HTML content. it already has a scrollbar in it when it overflows with text. I want to be able to prevent the user from selecting text on the DIV, and at the same time, when they click on the DIV and drag the mouse up or down , the HTML document will be scrolled proportionally to the dragging.
View 5 Replies View RelatedI am looking for a script that allows a "back to top of the page" link to follow and always be present on the screen when the user scrolls down or up.
View 1 Replies View RelatedI am using jquery to getjson from my service. The service works perfectly if you use fiddler and through the mvc code behind. You can also call the URL directly in the browser and it sends back the correct data.
But when I execute the below code it calls the service but nothing comes back or there are errors I cannot figure out what they might be. It seems like a very simple test of the getjson function.
$.getJSON(
I have this piece of javascript code, which enables me to get my Picasa photos without link back feature, in my webpage. The issue is with the hardcoded RSS url feed. I want this to be dynamically passed as a variable to the java script.I use a PHP code, where this javascript is coded.
In the below code, if I say
var samples = <?php $url_code ?>,
the javascript does not recognize.
[code]....
jQuery - Scrolling browser Window. I have two demos of scrolling page content with jQuery.
This one - [url] is scrolling the contents inside a container and it works as I wanted on Mac/PC
Code:
I need the same effect as above but I need to scroll the whole browser window.
I have a demo here - [url]
Code:
Problem here is on the Mac the transition are jumpy and it seems to flash the first yellow div before sliding up or down. Testing on a PC it will slide down but won't slide up. How can I get the whole browser window to slide up and down with a smooth transition.
im searching for a plugin/code example for text scrolling. I got some text in a <div> if text is longer than for example 300px it gets cut and is scrolling from start to end, stops for a second and then scrolls back, stops and all over, and if its not long enough than 300px then just displays normaly. Something similar to the Song name scrolling inin anyMP3 player.
View 2 Replies View RelatedI'm looking to have a lightbox pop up when a user clicks the Back button in their browser rather than just navigating back. The purpose is to ask a question with a Yes/No answer, and if they click No, I allow them to go back. The only thing I've found anything like this is the onUnload event, but that doesn't prevent them from going back. How should this be handled?
View 1 Replies View RelatedI am trying to write a script that uses the IF statement to see wether or not a user clicked the back button to come to a page, and then if it's true to not let the page load and kick them back X number of pages (say 4) This is what I have so far:
<script language="JavaScript"><!--
if javascript:window.history.back == 1
{
javascript:window.history.back(4);
return false;
}
//--></script>
It prints 0,1,...,9, but you cannot see the word "hi". It seems that it prints "hi" then executes the listnum function. But the listnum function is placed before "hi". Could you
give me some info on order of execution?
<HEAD>
<SCRIPT language=JavaScript>
function listnum() {
i=0
do {
document.write( i + "<br>")
i++
} while(i<10)
}</SCRIPT>
</HEAD>
<BODY onload=listnum()>
hi
</BODY>
Given a page with a "header" and "main" frame, is there some way from the "header" frame to initiatere-execution of the JavaScrip/HTML code in the "main" frame? I don't want to have to reload "main".
View 4 Replies View RelatedI would like to have two actions for one event. But I want the second action to trigger when the first one action completes. Is it possible to do this in javascript? I'm using the onclick event.
View 23 Replies View Relatedis there any specific function in Javascript / jquery which delay the functionality
I use SLEEP() funciton in php to add delays .
How to know the execution time of a function? For example, which of these functions run in less time? That is, which of these functions are more weightless to run?
document.getElementById("my_image").src = "images/picture.png";
//or
document.getElementById("my_image").style.webkitTransform = "rotate(45deg)";
I would like to have two buttons on the page. When visitor clicks on first, I would like to start looping through numbers for example from 1 to 100. When loop gets to the end, I would like to start it over and stop it when user click on the next button.
My concern is if this is safe. What if user waits for 1 minute or more to click the second button which should stop the loop and pick up the number where it currenly is? Will it cause browser to warn user that the script is slowing down the browser? How can I avoid this?