I've been trying to create a slideshow, and while testing different syntax etc. I'm getting stuck at why this works:
document.images.portrait.src = img2.src;
And not this:
function slideshow(){
document.images.portrait.src = img2.src;
}
When prefetching images, why do I need the "if (document.images)" statement?
if (document.images) {
pic1on= new Image(300,300);
pic1on.src="pic1.gif";
pic2on= new Image();
pic2on.src="pic2.gif";
picNon= new Image();
picNon.src="pic4.gif";
}
i want to save my html document as an microsoft word document will
View 14 Replies View Relatedi used setTimeout() function in my image gallery to scroll images , i used setTimeout("myfunction()",1) in my script. Now my image gallery is working properly but problem is that the speed of scrolling images if normal in firefox, but in internet explorer it is slow, and in google chrome it is very fast , Sir how to resolve this problem
[Code]...
This piece of code is working in IE, but not in my Firefox.
The last link should simulate onclick event on the upper image.
Can you suggest me how to make it crossbrowser compatible, please?
I have a main page:
--------------------------------------------------
<html><head><title>Test</title>
</head><body>
<img id="img_a" name="img_a" src="image_1.png" alt=""><br>
<object width="0" height="0" type="text/html"
data="/cgi-bin/next_img?img_a">
refresh image
</object>
</body></html>
--------------------------------------------------
and a script next_img generating this code:
--------------------------------------------------
<html><head>
<script language="javascript1.2" type="text/javascript">
<!--
function doLoad() {
setTimeout( "refresh()", 15 * 1000 );
}
function refresh() {
window.parent.document.images["img_a"].src = "image_2.png";
window.location.reload( false );
}
//-->
</script>
</head><body onLoad="doLoad()">
</body></html>
--------------------------------------------------
The Script specifies a new image (image_2.png) and the duration (15 sec)
to show the new image. On timeout the script is called again. The main
page may hold more than one image and object.
The Script looks nice on Mozilla Firebird but can't find the images in IE 6.0.
I also tested some variants of refresh() like:
function refresh() {
var image = window.parent.document.getElementById("img_a");
image.src = "image_2.png";
window.location.reload( false );
}
but no success.
Not sure why this is not working but can someone see my error.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
[Code].....
There are 3 buttons on a web page. On clicking each button a same popup window (say window1) opens up. Now there is another button on this popup window (window1), which further opens up to another popup window (say window2). On selecting some value from the 'window2', that value is passed onto the 'window1'. There is a 'Find' link on a 'window1', which calls a javascript function 'clicked()':
[Code]...
There are 3 buttons on a web page. On clicking each button a same popup window (say window1) opens up. Now there is another button on this popup window (window1), which further opens up to another popup window (say window2). On selecting some value from the 'window2', that value is passed onto the 'window1'. There is a 'Find' link on a 'window1', which calls a javascript function 'clicked()':
<head>
<%
Dim command
command = Request.Form("hid");
[code]....
This full code works fine on my machine. But this code does not work properly when run on the client-side!, although the same server and the same deployed application is being accessed. There is no particular sequence/scenario but for eg.When say button1 clicked->window1 opens->window2 is opened->value selected->returned to window1->Clicked on Find-> clicked on Ok->returned on the main page.Then repeated the same scenario for say 3rd button. (Till now 'Find' link works fine).Now repeated the same scenario for 2nd button and here 'after' message is obtained but 'inside Find' is not printed!
I'm a perplexed nube, and I can't understand how document.getElementById evaluates to true when no parameter is passed to getElementById. This code alerts 'foo' if (document.getElementById) {alert('foo')} else {alert('bar')}
Just to double check, this code alerts 'bar'
if (!document.getElementById) {alert('foo')} else {alert('bar')}
I've got some difficulties with my standalone SVG.here is my code:
<svg onload="init(evt)" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<script type="text/javascript" xlink:href="jquery.js"></script>
<script type="text/javascript" xlink:href="jquery.svg.js"></script>
[Code].....
When I load the SVG, I've got the "ping" but not the "pong"?!
I'm using jquery 1.6.2 with jquery SVG plugin 1.4.4
I wanted to know if document.getElementById works while accessing form elements. I tried doing this just for testing purposes
This code doesnt work
function validateForm()
{
var val = document.getElementById("id_login").getAttribute("value");
alert(val);
return false;
[Code]...
Why doesnt document.getElementByid work with form objects.it works with all non form HTML objects..
I'm trying to write some javascript code that should only run in firefox. I thought that document.all was undefined in firefox, but it actually is defined.
When I write it out I get
document.all = [object HTML document.all class]
How can I detect firefox?
In my script there are two document.write lines. The problem is that when I call it from my ajax page it replaces the entire body and the page disappears.
Is there a way to call this in an ajax page?
I'm using the Prototype JS framework. why this doesn't work in IE6?
Code:
document.observe('dom:loaded', function(e){alert("hello world");});
It should just fire off an alert once the page loads, but does nothing, no errors either. Of course it works fine in Firefox.
Test it out here (the alert message is slightly different but everything else is the same, you'll want to remove the spaces in the url of course): www-stage . emd . wa . gov / dev / kids / dev / prototype_test . htm
depending on the partial content (domain) of the url, the links in the page must go to one domain/port or another. I've code that works well in IE but not in FF.
I think the problem is I'm putting the new url using
newurl="http://" + document.domain + page;
document.URL=newurl;
(page can be :7080/index.html or similar)
in FF the operation document.url = newurl; does nothing, the same in IE goes to the page.
Other idea for going to a page formatted in js? ?self.url? one variable that works in all browser?
or different variables for each browser and code to differentiate?
I've got a little Quizzer program that asks a question in the upper frame of a frameset and then lists the answer in the lower frame. Answers can be plain text, straight html, a sound, or a LINK. I have a function that builds the answer frame using document.write(among other things). This code works fine until you encounter a link. It dutifully displays the link in the lower frame but the very next question builds the newContent perfectly but does NOT write it to the frame even though it appears to execute it.
if (answerType == "link")
{
parent.frames[1].location = URL;
} else {
// pitiful attempt to clear linked page
parent.frames[1].location.href = "QuizzerAnswer.htm";
var newContent = '<html><head><title>Quizzer Answer</title>'
newContent += '</head>'
newContent += '<body>'
if (answerType == "text" || answerType == "html") {
newContent += answerValue;
}
if (answerType == "sound") {
newContent += '<embed src="' + answerValue;
newContent += '" width="170" height="25" autostart="true">'
}
newContent += '</body>'
newContent += '</html>'
parent.frames[1].document.write(newContent);
parent.frames[1].document.close();
}
I want to have my images load first, then have four different texts fade in onto the layer one after another and all four at different positions on the screen. The code below works if i but in only one x-y position from the x and y array, but the loop to create four different text containers doesn't. Also it's not good form to have javascript in the body like this, right? Any suggestions? Code:
View 8 Replies View RelatedHere's my problem code:
document.onclick=handler;
function handler(e) {
//do stuff
var params = "something";
var request = new XMLHttpRequest();
request.open("GET", "http://www.foo.com/bar.php?" + params, true);
[Code]....
Now is user clicks something else but not a link everything works just fine. But if she clicks a link, the bar.php call does not work (never comes to the server). If I change the call to a synchronuous one request.open("GET", [URL] false) also clicking a link works fine. But I would of course prefer the async way.
The Javascript
Code:
document.getElementById('all_days_div').style.display = 'none';
The HTML section containing the div the Javascript should be hiding
Code:
<div id="all_days_div" style="display:block;">
<p align="right" >
Show All Days
</p>
</div>
When the JavaScript code is called, instead of hiding the div, I get the following error:"Cannot read property style of null" Do you see anything wrong with what I've written, or is my problem elsewhere?
I was having an issue earlier with filling a div depending on window size. I've almost resolved the issue except that it only works on the first instance of the element. For example, I am using the following:
Code:
function resizeImage()
{
var window_height = document.body.clientHeight;
var window_width = document.body.clientWidth;
var new_height = (window_height - 255) + "px";
[Code]...
Which works perfectly, except only with the first image with the id 'gallery-img'. I have about ten on the page, and they generate from a folder on the server via PHP (see below).
[Code]....
I'm not very fluent in JavaScript, but I know there is a way to make this work. how to allow the resizeImage() to work on ALL images?
I am basically looking to create a background for my website and when you refresh the page the image changes to another picture for the background. I have asked one of my good friends to have a look at it and he gave me some code to work with and so I have changed bits here and there and it worked in firefox and safari but will not work in IE. I have attached the code here for you and also the html file.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]">
</head>
<style type="text/css">
<!--
#myFlash {
position:absolute;
width:100%;
height:100%;
margin:0;
padding:0;
left:0;
right:0;
z-index:20;
}
-->
</style> .....
There is also a flash file embedded into this document!
i have a basic 2 column page, on the left is the navigation, on the right the content.i'm loading in the content with the load() method - some php generated html code which looks like this e.g.
<div id="container">
<div id="toggle">TOGGLE</div>
<div id="showArticles">
[code]....
so if i click on the toggle div.. nothing happens so i tried to put a <p id="toggle"> in the navigation bar which is static (not being load()-ed in via jQuery) and it worked so it seems to me, that jQuery can't get the click event out of the load()-ed page
I use thickbox to show the larger images which works create.. and I use jquery for ajax requests that also works great. now I've got a div with all the products.but if I refresh this div to hold a table with icons it all works .. except for thickbox..somehow the thickbox images will not work anymore.. I've check the ajax return and it holds all the class info thickbox needs.
View 1 Replies View RelatedI'm having trouble getting this nested loop to work. It only outputs the last image and I want it to loop through the images.
[Code]...
No syntax errors - nothing should be getting in the way of this. All I'm trying to do is implement a different an "onclick" call, which calls the function and AJAXes in some values. Here's my code:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">
</script>
<script>
$(document).ready(function() {
[Code]...
I must be doing something wrong. I've tried everything...and now even $(document).ready() doesn't work