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 RepliesHere is my code:
function executeUntil(end)
{
var i=0 ;
while(i< 100)
{
if(i==end)
break ;
document.write("Javascript is fun");
i++;
}
return(i);
};
(executeUntil(01));
@ runtime, the output is Javascript is fun (obviously).
My question is, how can I apply a CSS style to the document.write output, and how can I make a layer (well I know how to do that, lol), but say that I want the output to appear in that layer to control the appearance of the content? If I can do the latter with the layer, then applying a CSS style is simple.
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'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 am totally new to jQuery and no good knowledge on javascript. However, I was assigned a task, to convert a javascript program to jQuery due to compatibility problem on browsers like Chrome and Safari. My program originally use javascript xmlDoc.load('....') to read XML file, and then use document.write statement to write html tables on client side. Something like this (the sample below may got lots of syntax problem as I jut want to show the major part):
Code:
document.write('<TABLE >');
var y=x[0].getElementsByTagName('NoOfRows');
for (i=0; i<=noofrows-1 && i<=y.length-1; i++){
document.write(' <TD>');
document.write(z[j].getElementsByTagName('RecordDetails')[0].childNodes[0].nodeValue;
}
Now I changed to use jQuery, I can read the XML file elements. However, when I try to write the table, it failed:
[Code]...
Why doesn't this work? The input field doesn't show up at all. I know I'm just missing something really simple here.
<script type="text/javascript">
day = day.getDay()+1;
month = day.getMonth()+1;
year = day.getYear();
newdate= month + '/' + day + '/' + year;
document.write('<INPUT name=Date value='+ newdate + '>');
</script>
I have a client that has ads on her website that really slow down the site. These ads are called by an off site javascript file and I want to use a jQuery(document).ready or similar method to call these files after all of the site content has loaded. But these files contain document.write functions to add more javascript files. Since I want to load the files after everything else has loaded, this in turn makes the page blank and then loads the ad. Is there a way to position where document.write will write to?
View 1 Replies View RelatedI'm working on a website that will basically embed a widget/frame sent by a handler into a user's current page. The user basically adds a script tag to where they would like the HTML to be. The script tag has their settings and is basically a document.write that calls all the code that we want displayed.So here's my problem. We have a map that we need to add in a specific section, and to get the map we have to call another script tag. So we end up having a script tag (map) embedded in another script tag (the code for the widget/frame) or we end up having to document.write inside a document.write.
Now this works just fine and as expected in Firefox, Safari, and Chrome. However, Internet Explorer and Opera wait until the first document.write is completely finished before calling the embedded one. Of course the problem with this, is that it takes the map out of the document's flow and just appends it to the bottom left of the page. Since the rest of the page has already been called, there's no way to move the interior "map" script.Any ideas? Basically just trying to figure out how (if even possible) to render an embedded script tag in Internet Explorer and be able to place it properly. I've tried everything that I can think of, including AJAX and Google's unescape script.
I'm pretty new to JavaScript and am having a problem. I thought what I am doing should work but it isn't.
Basically I have a form that people can put a quantity into. e.g. A, B, C.
I have a JavaScript function called comput that assigns values e.g. A = 5, B = 7, C = 9. Here is the start of the script:
<script language="JavaScript"><!--
function compute(form){
var A = form.A.value * 5;
var B = form.B.value * 7;
var C = form.C.value * 9;
I then declare a variable to add them up:
var ans = A+B+C;
return;
}
</script>
This part of the script works fine. Now I want to write the ans variable. So I use:
<script>
<!--
document.write ("Your total is "+ans+"")
// --></script>
But it isn't working. Any ideas?
I use a basic pop-up window code that i have used for many years.I probably need to update it, but i was wondering why it will work for every browser but IE8.
function popUp(URL) {
day = new Date();
id = day.getTime();[code].........
I have this code, and it works fine in windows but not in mac, does anybody know why?
[Code]...
I have some Javascript that takes the input from some textboxes and then puts them all into a sentance automatically. It works perfectly in IE but not with FireFox... does anyone know how to make it work with both browsers?
HTML Code:
<script type="text/javascript">
function Text_Change() {
var TxtFName = document.getElementById("TxtFName");
var TxtSName = document.getElementById("TxtSName");
var TxtAge = document.getElementById("TxtAge");
var TxtLoc = document.getElementById("TxtLoc");
var SpnDisp = document.getElementById("SpnDisp");
var FName = TxtFName.value == "" ? "?" : TxtFName.value;
var SName = TxtSName.value == "" ? "?" : TxtSName.value;
var Age = TxtAge.value == "" ? "?" : TxtAge.value;
var Loc = TxtLoc.value == "" ? "?" : TxtLoc.value;
SpnDisp.innerHTML =
"Hello " + FName + " " + SName + ", " +
"you are " + Age + " years old and " +
"at the moment you live in " + Loc;
}
</script>
<body
<div><input type="text" id="TxtFName" /></div>
<div><input type="text" id="TxtSName" /></div>
<div><input type="text" id="TxtAge" /></div>
<div><input type="text" id="TxtLoc" /></div>
<div><span id="SpnDisp"></span></div>
im working on my online portfolio and I have an external javascript file that has functions to add a piece to the collection...here is the link to my pageillustratorthe javascript file is herehttp://www.freewebs.com/harrisonengl...ngleweb/add.jsas you see some of the pieces will show up, and some wont. they are all going off the same function, and all work when i run the html off my computer harddrive rather than the freewebs server.Also, i understand that formatting of the site will get all messed up when it is ran in different browsers... for instance it works in firefox and safari now, but not IE and Chrome
View 5 Replies View RelatedI have this simple validation function for my form
<script language="javascript" type="text/javascript">
function validateyesvalue(document){
if(!document.getElementsByName('RadioGroup2_0')[0].checked && !document.getElementsByName('RadioGroup2_0')[1].checked && !document.getElementsByName('RadioGroup2_0')[2].checked &&
[Code]...
It's only validating in IE not in Google Chrome and not in Firefox, any idea how to fix this ?
I am working on creating a document where you check a bunch of checkboxes to select what to include, then click on a button. A function then opens a new window and writes the HTML code to run scripts in .js files to populate the page. Code:
View 4 Replies View RelatedI have been searching for a way to trap changes done to the document object (mainly by the function document.write();).
Example of code that doesn't work:
function myFunction() {
ed.document.onchange = doFunction(document.body.innerHTML);
ed.document.open();
ed.document.write('Hello');
ed.document.close();
}
function do_function(body) {
alert(body);
}
It only fires when the page loads, not when I change the text. You are free to use any event that works, but i think onchange was the one to fit this problem. The alert will write the initialpage, but will never write the tekst 'Hello' that is the new change.
Any javagurus out there know a solution to pick up any fired events triggered by document.write();
I am trying to write a bunch of text onto a new document using document.write() and somehow need to format it to include line breaks.
For example:
Code JavaScript:
document.write(Line 1);
document.write(Line 2);
I have tried including and it does not work. I have also tried document.writeln() and that also does not work. From what I have found on the Internet, one (if not both) of those methods should have worked.
Are there any compatibilty issues associated with teh following command?
<div onclick="open('http://www.mysite.com.htm','','')">Main page </div
It worked on a PC butnot on a MAC (bith with IE).
I have this code in actionscript that calls javascript:
actionscript:
zoom_in = function () {
var tw1:Tween = new Tween(mc_1, "_width", Regular.easeOut,
mc_1._width, 0, 1, false); //OK
var tw2:Tween = new Tween(mc_1, "_height", Regular.easeOut,
mc_1._height, 0, 1, false); //OK
ExternalInterface.call("zoom");
}
javascript:
function zoom()
{
top.resizeTo(1024, 768);
self.moveTo(0,0);
}
Everything works perfectly on Firefox 1.5 but not on IE 6+
in IE the "zoom" function doesn't work, but if I add an alert it DOES work:
function zoom()
{
alert('this works');
top.resizeTo(1024, 768);
self.moveTo(0,0);
}
Using Firefox 3, trying to use a confirm box where it says ok or cancel. The box shows up to confirm ok or cancel but if I click cancel it doesnt seem to return false, it just goes to the link of the url set in href. Im including the js file in the page:
Code:
<script src="js/forms.js" type="text/javascript"></script>
I then call it in the link:
[code]....
I have no idea why my image link doesnt work
myimages[{$i1}]=["banners/{$object->image}", "{$object->link}", "_new"] ;
I wanna create a functionality where on clicking a (minus) button a div show slide up and and the image should change to (plus). Again on clicking the plus button. the content div should slide back out
[Code]...
i have a set of select fields, which when selected, send a value via ajax, to return a sub-selection for further choice. I have 3 levels of sub-categories like this. For some reason it works in FF only - not IE. [URl]..
View 12 Replies View RelatedAnimate doesnt seem to work with zindex. I dont see anywhere this is mentioned on the animate() page.
$("#myelement").animate({zIndex: 10})
.animate({opacity: 1), 1000);
Opacity is affected but not zIndex. I can change zIndex the normal way though:
$("#myelement").css('zIndex', '10');
it was working fine when i viewed it using my local host but when i uploaded it to the server it doesn't want to work anymore. i made sure all the files are in the proper folder and so on..still no progress. Then uploaded the original or "demo folder" i got from this site and it works, but my site doesnt. I combined 2 jquerys btw, one apycom jquery and one booklet jquery. Both works in local host but in my site, only the apycom works. pls help me out..[URL]...
View 1 Replies View Relatedi just tried creating a bar containing a div that you click on and it enlarges to show something, when clicking again it should collapse.
[Code]...