|
JavaScript - A Problem I Dont Know How To Solve
Please Check the webpage to see what I am trying to do. I am told It cant be done in HTML. That I will have to use Java Script. Can someone Please help me out here. Go to:
http://www.capthelm.net If You can assist me please use the email link on my site. Thanks. The Captain Similar TutorialsI have a form and the Js validation wont work on it. Here is the html PHP Code: <form name="frm" action="index.php" method="POST" onsubmit="return validateForm();"> <table width="100%" border="0" cellspacing="2" cellpadding="3" class="mainForm"> <tr> <td class="normalText" align="left" style="padding:0px 0px 0px 33px"> <table border="0" cellspacing="3" cellpadding="2"> <tr> <td class="normalHeading" colspan="2" style="padding-bottom:6px"> <div id="error_msg" class="txtErrorMsg" align="center"></div> <!-- <?php echo "<p id=\"error_msg\">".$message."</p>"?> --> </td> </tr> <tr > <td class="normalText" width="30%">First Name</td> <td><input type="text" name="firstName" id="firstName" class="input1" style="width:195px" maxlength="10"/></td> </tr> <tr> <td class="normalText">Last Name</td> <td><input type="text" name="lastName" id="lastName" class="input1" style="width:195px" maxlength="10"/></td> </tr> <tr> <td class="normalText">Mobile</td> <td><input type="text" name="mobile" id="mobile" class="input1" style="width:195px" maxlength="10" onkeypress="return fnIsIntNumber(event,this);"/></td> </tr> <tr> <td class="normalText">Email</td> <td><input type="text" name="email" id="email" class="input1" style="width:195px" onblur="IsEmail(this.vlaue)"/></td> </tr> <tr> <td class="normalText">Comments</td> <td> <textarea name="comments" id="comment" cols="22" rows="3" ></textarea> </td> </tr> <tr> <td class="normalText"> </td> <td valign="middle"><input class="send" type="image" value='submit' src="images/submit.gif" name="submit" /></td> </tr> </table> </td> </tr> </table> </form> and here is the JS PHP Code: var $j = jQuery.noConflict(); function isValidEmail(str) { return (str.indexOf(".") > 2) && (str.indexOf("@") > 0); } function validateForm(){ var firstName; var lastName; var email; var mobile; var comment; var error; firstName = $j('#firstName').val(); lastName = $j('#lastName').val(); email = $j('#email').val(); mobile = $j('#mobile').val(); comment = $j('#comment').val(); if(firstName=='' || firstName.length < 3){ error = 'Please Enter Your First Name'; $j('#errormsg').html('<p class="errors">'+ error +'</p>'); return false; } if(lastName=='' || lastName.length < 3){ error = 'Please Enter Your Second Name'; $j('#errormsg').html('<p class="errors">'+ error +'</p>'); return false; } if(email=='' || !isValidEmail(email)){ error = 'Please Enter Your Correct Email'; $j('#errormsg').html('<p class="errors">'+ error +'</p>'); return false; } //mob //$jmob_pattern = '^\d{10}$j'; if(mobile.length != 10 || isNaN(mobile)){ error = 'Please Enter Your Correct Mobile Number'; $j('#errormsg').html('<p class="errors">'+ error +'</p>'); return false; } if(comment.length < 10){ error = 'Please Enter A Comment More Than 10 Characters'; $j('#errormsg').html('<p class="errors">'+ error +'</p>'); return false; } return true; } Can anybody tell me what the problem is I'm getting 'XMLSerializer is undefined' when I used the below code snippet in Java script. var xmlDoc=xmlhttp.responseXML; var Xml2String=xmlhttp.responseXML.xml; if (xmlDoc.xml) { Xml2String=xmlDoc.xml; }else{ Xml2String= new XMLSerializer().serializeToString(xmlDoc); } Please help me to solve this problem? Thanks in advance. airwindjai. I am not super familiar with code - I can easily take code and with a little direction get the desired end result so anyone who can help me with this it will be VERY appreciated. I don't even know what terms to search in order to create a page that I am looking for.... So here goes: I want to model our distributor page after a R E D K E N.com Distributor Locator Page. Here is what happens.... There is a drop down menu of the 50 states, and when you select the state the table of information below changes. screen shots below I am sure this is fairly easy to resolve, however I don't know where to begin. Thank You in advance for your time. Kristi 1)HOW TO SET THE DECIMAL TO 1 OR 2 POINT ONLY 2)HOW TO MAKE SURE ALL THE QUESTIONS ANSWERED B4 PERCENTAGE IS CALCULATED why it is not working in firefox? HERE IS THE EDITED CODE. var numOfGroups = 12; function calc() { var score = 0; for (var j=1; j<=numOfGroups; j++) { var f = document["myform"]["ques"+j]; for (var i=0; i<f.length; i++) { if (f[i].checked) { score += Number(f[i].value /72 *100); } } } //confused here..do i need to create new function somenthing like this function showScore() { if(answered != answers.length) { alert("You have not answered all of the questions yet!"); return false; OR } //if numOfGroups != 12 { alert("You have not answered all of the questions yet!"); } else{ alert ("Your Score is " + score); return false; } </script> hey guys, I'm not the quickest running in the race, but I'm slowly learning JavaScript. I'm attempting to use the jQuery iviewer to control the viewing of images. I'm essentially making my own slideshow. In any event, I'm trying to tag a map along with the image. The only way I know of doing this is with standard markup doing usemap="#map_name". so here's my JavaScript code, and the HTML to follow. Code: var $ = jQuery;
$(document).ready(function(){
$("#viewer").iviewer(
{
src: "images/page11.jpg",
update_on_resize: false,
initCallback: function ()
{
var object = this;
$("#in").click(function(){ object.zoom_by(1);});
$("#out").click(function(){ object.zoom_by(-1);});
$("#fit").click(function(){ object.fit();});
$("#orig").click(function(){ object.set_zoom(100); });
$("#update").click(function(){ object.update_container_info();});
},
onMouseMove: function(object, coords) { },
onStartDrag: function(object, coords) { return false; },
onDrag: function(object, coords) { }
});
$("#viewer2").iviewer(
{
src: "images/page11.jpg",
update_on_resize:false,
initCallBack: function ()
{
document.images[0].useMap = "#map1";
}
});
});
And the 'scaler' Code: function scalecoordimages(elImage, amount){
var elMap = getMap(elImage)
elImage.width *= amount;
elImage.height *= amount;
if (null != elMap){
for (var intLoop = 0; intLoop < elMap.areas.length;
intLoop++) {
var elArea = elMap.areas[intLoop];
var coords = elArea.coords.split(",");
var scaledCoords = "";
for (coords in coords) {
scaledCoords += (coords[coord] * amount) + ",";
}
elArea.coords = scaledCoords;
}
}
}
and now the HTML where this is all delivered. Code: <div class="wrapper">
<div id="viewer2" class="viewer" style="margin: 50px auto;"></div>
</div>
the 'wrapper' is because in Safari the overflow doesn't hold properly and breaks. the Map is just rectangles...it's below > Code: <map name="map1" id="map1">
<area class="hotspot" shape="rect" coords="105, 1110, 371, 1125" href="" onMouseOver="tooltip.show('<ul>Northeast States:<br /><li>Connecticut</li><li>Maine</li> <li>Massachusetts</li><li>New Hampshire</li><li>Rhode Island</li><li>Vermont</li><li>New Jersey</li><li>New York</li><li>Pennsylvania</li></ul>');" onMouseOut="tooltip.hide();" >
<area class="hotspot" shape="rect" coords="105, 1135, 371, 1150" href="" onMouseOver="tooltip.show('<ul>Midwest States:<br /><li>Indiana</li><li>Illinois</li><li>Michigan</li><li>Ohio</li><li>Wisconsin</li><li>Iowa</li><li>Kansas</li><li>Minnesota</li><li>Missouri</li><li>Nebraska</li><li>North Dakota</li><li>South Dakota</li></ul>');" onMouseOut="tooltip.hide();"></area>
<area class="hotspot" shape="rect" coords="105, 1160, 371, 1175" href="" onMouseOver="tooltip.show('<ul>Southern States:<br /><li>Delaware</li><li>Florida</li><li>Georgia</li><li>Maryland</li><li>North Carolina</li><li>South Carolina</li><li>Virginia</li><li>West Virginia</li><li>Alabama</li><li>Kentucky</li><li>Mississippi</li><li>Tennessee</li><li>Arkansas</li><li>Louisiana</li><li>Oklahoma</li><li>Texas</li></ul>');" onMouseOut="tooltip.hide();"></area>
<area class="hotspot" shape="rect" coords="105, 1185, 371, 1200" href="" onMouseOver="tooltip.show('<ul>Western States:<br /><li>Arizona</li><li>Colorado</li><li>Idaho</li><li>New Mexico</li><li>Montana</li><li>Utah</li><li>Nevada</li><li>Wyoming</li><li>Alaska</li><li>Californai</li><li>Hawaii</li><li>Oregon</li><li>Washington</li></ul>')" onMouseOut="tooltip.hide();"></area>
</map>
Any help is appreciated. Thank you. Hey all , the attached file contains the source code of a MCQ exam , i need a JS code that solves that MCQ exam . I really need it and as soon as possible . thank you so much for your time Best Regards, MIG()ZZZZ The following code is needed for the prettyphoto javascript popup. It works fine in Firefox and Safari, but not in any version of IE. Can anyone suggest why? <script> jQuery.noConflict(); $(document).ready(function(){ jQuery("a[rel^='prettyPhoto']").prettyPhoto(); }); </script> This is very basic yet i can find the answer. How do you stop a countdown function?
Hi; Please can somebody help me make this code work for me. i want it to work in such a way that when someone select the ages in the combo box,it will direct the person to another page. Here is it <html> <body> <script type="text/javascript"> page = document.frmOne.cmbAge.value switch (page) { case "1": document.URL = "page1.html" break case "2": document.URL = "page2.html" break case "3": document.URL = "page3.html" break case "4": document.URL = "page4.html" break default: alert("An error occurred, so we are staying here") } </script> </body> <form name="frmOne"> <select name = "cmbAge"> <option value = 1>5 to 16</option> <option value = 2>17 to 30</option> <option value = 3>31 to 45</option> <option value = 4>46+</option> </select> </form> </body> </html> Please help me solve this.. Thanks you. Clement Osei. Hello I'd really appreciate some help please, no other forum seems to have an answer for this. Example : I have a file called values.asp and in that file are 100 different variables all assigned a specific number. I also have a results.asp file or a simple html page. The target is to read a specific variable in the values.asp file and then display it in another asp file or standard HTML file using Javascript's document.write(variablename); method. So in other words, i wish to fetch a specific variables value from values.asp and show it in another asp file or a simple html file using javascript. Your help will be very much appreciated. Thanks! Ron Code: <!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>
<title>
Jackhammer
</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
/* <![CDATA[ */
var jackhammers = new Array(11);
var curJackhammer = 0;
var direction;
var begin;
jackhammers[0] = "jackhammer0.gif";
jackhammers[1] = "jackhammer1.gif";
jackhammers[2] = "jackhammer2.gif";
jackhammers[3] = "jackhammer3.gif";
jackhammers[4] = "jackhammer4.gif";
jackhammers[5] = "jackhammer5.gif";
jackhammers[6] = "jackhammer6.gif";
jackhammers[7] = "jackhammer7.gif";
jackhammers[8] = "jackhammer8.gif";
jackhammers[9] = "jackhammer9.gif";
jackhammers[10] = "jackhammer10.gif";
function bounce()
{
if(curJackhammer == 10)
curJackhammer = 0;
else
++curJackhammer;
/*
Firefox does not register an error with the line of code below, but other browsers do . . .
It looks like it is a typo left over from the slightly more advanced technique in 10-4 where
jackhammers.src is defined. Also, were you to comment out the final line in this function you would
see the animation does not work. In browsers other than Firefox which apparently just ignores
this code and no animation occurs, the image element is assigned the source value of "undefined"
and of course no image is named "undefined".
*/
document.getElementsByTagName('img')[0].src = jackhammers[curJackhammer].src;
if(curJackhammer == 0)
direction = "up";
else if(curJackhammer == 10)
direction = "down";
document.getElementsByTagName('img')[0].src = jackhammers[curJackhammer];
}
function startBouncing()
{
if(begin)
clearInterval(begin);
begin = setInterval("bounce()",90);
}
/* ]]> */
</script>
</head>
<body>
<h1>
Jackhammer Man
</h1>
<p>
<img src="jackhammer0.gif" height="113" width="100" alt="Image of a man with a jackhammer." />
</p>
<form action="" enctype="text/plain">
<p>
<input type="button" value="Start Bouncing" onclick="startBouncing();" />
<input type="button" value="Stop Bouncing" onclick="clearInterval(begin);" />
</p>
</form>
</body>
</html>
My teacher insists that the above code is valid (straight out of our book). He says this because (I'm guessing) it runs okay in Firefox and other browsers. It also throws a ton of error messages in Chrome and makes no logical sense. We define the values of the jackhammer array as literal strings, and then the book instructs us to change the source of the image element on the page to jackhammers[i].src. It then has us change the source of the image element again, correctly at the end of the function. It also has us create a useless variable: "direction" (and I say useless because we never use it, it is just fluff I guess). On a side note, would some of you guys like to check out this animation I created here and let me know what you think. Thanks guys. the title kind of sums it up... if I have an array of equations (I'm guessing they should be strings but they don't have to be) and a user-defined variable can that variable be used for the "x" in the equations? I already did the easy part ... Code: <!DOCTYPE html>
<html>
<head>
</head>
<body>
<input onkeyup="solve(this.value)" /><br>
<input id="box0" /><br>
<input id="box1" /><br>
<input id="box2" /><br>
<script type="text/javascript">
var equations=["(x*9/5)+32","x+273.15","x-50*(8/13)"]
function solve(val){
for (var i = 0; i < equations.length; i++) {
document.getElementById("box"+i).value= //ummm...
}
}
</script>
</body>
</html>
Hey, I am needing some help trying to remember what is the name of this type of javascript content expand script. It looks like this: It doesnt have to look like that but the same general example of expanding and contracting tabs with the arrow that switches when its open and closed. Thanks alot! Some links would be nice. I have buttons that check all the check boxes and uncheck all the checkboxes. They seem to not be working. Here is the code. Javascript Code: <script type="text/javascript">
function checkall(delchk)
{
for (i = 0; i < delchk.length; i++)
delchk[i].checked = true;
}
</script>
<script type="text/javascript">
function uncheckall(delchk)
{
for (i = 0; i < delchk.length; i++)
delchk[i].checked = false;
}
</script>
PHP PHP Code: <?php error_reporting(E_ALL); require("inc/config.php"); if (isset($_POST['del'])) { for ($count = 0;$count<count($_POST[delchk]);$count++) { $delete = $_POST[delchk][$count]; $query = "DELETE FROM persons WHERE id = '$delete'"; $result = mysql_query($query); if (!$result) { die("Error deleting persons! Query: $query<br />Error: ".mysql_error()); } } } $result = mysql_query("SELECT * FROM persons"); // Check how many rows it found if(mysql_num_rows($result) > 0){ echo "<table id=\"mytable\"> <thead> <tr> <th align=\"center\" scope=\"col\">Delete?</th> <th align=\"center\" scope=\"col\">First Name</th> <th align=\"center\" scope=\"col\">Last Name</th> <th align=\"center\" scope=\"col\">Profile</th> <th align=\"center\" scope=\"col\">Date</th> <th align=\"center\" scope=\"col\">IP Address</th> </tr> </thead> <tbody>"; echo "<form name = 'myform' action='' method='post'>"; while($row = mysql_fetch_array($result)) { echo "<tr align=\"center\">"; echo '<td><input type="checkbox" id="delchk" name="delchk[]" value="'.$row['id'].'" /></td>'; echo "<td>" . $row['FirstName'] . "</td>"; echo "<td>" . $row['LastName'] . "</td>"; echo "<td><a target=frame2 href='" ."profile.php?user1=". $row['FirstName'] ."'>Check Profile</a></td>"; echo "<td>" . $row['AddedDate'] . "</td>"; echo "<td>" . $row['Ip'] . "</td>"; echo "</tr>"; } echo "</tbody>"; echo "</table>"; echo "<hr>"; echo "<input type='submit' name = 'del' value='Delete Selected'></form>"; echo "<input type='button' onclick='checkall(document.myform[\"delchk[]\"]);' value='Select All'>"; echo "<input type='button' onclick='uncheckall(document.myform[\"delchk[]\"]);' value='UnSelect All'>"; } else{ // No rows were found ... echo 'No registered members.'; } mysql_close(); ?> Ok, will do, I guess I could sum up the problem now that I think about it into a very simple question. How do you make a variable variable in a loop? ex while(i<=20) { _A_+var+ = multiple vars with var endings like the beginning of this one } Please help me figure out how the f to shorten this ... Trying to turn this into a series of loops has been hell on earth (no good at this part of making a website, the javascript part that is) anyways, I was told by someone that was fairly smug that my javascript was retarded, I don't disagree but it works very well and I don't know enough to make it any other way. Please help me figure out how to shorten this rather than complain about the method I used for making the site. If you have a hotfile or rapidshare account I can pay you for your help by uploading 100 files to your account and using those links on my site to earn around $2 - $40 depending on popularity. (That's what I'm estimating though, and it will take about three months since I need to get users first) The site that needs this upgrade http://www.thefreemenu.com Right now this site is at the very beginning stages mostly due to my incompetence but I would really like to start moving things forward. I'm two months into this project and the last week and a half have really stalled to a stop. Its to slow to load and I really need to shorten the javascript so that it doesn't take up 600 k (bananascript version!). The below is repeated 10x for every letter and number as well as a special bit called all1. Here is the first example using _A_1 as the only part that changes. The next set is for the second page of the letter A so its called _A_p2_1, so basically I need this all the way to _A_p10_1 and I need it for all the letters of the alphabet, ex. _B_1, _B_p2_1. I don't understand how to loop but I think that it must be possible, but I really don't get it at all. I've studied loops, while, for and nothing I've learned has helped me solve this problem. Right now my .js file is 3mbs and I need to cut it down. Please help me figure this out, I"m a noob at javascript but I've created some pretty complex things and somehow manage to have them work. I think I'll get it if you can provide a small example using what I need to work with. Code: _A_0[0]='<ul class="freemenu"><li class="movieimage'; _A_0[1]='"><img src="images\/movies\/'; _A_0[2]='.png" width="75" height="120" \/><ul>\n <li class="hotlink'; _A_0[3]='"><a href="#" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onclick="addText(\''; _A_0[4]='\')"><img src="images\/hotfile.png" width="70" height="43" \/><\/a><\/li>\n <li class="rapidlink'; _A_0[5]='\')"><img src="images\/rapidshare.png" width="55" height="50"\/><\/a><\/li>\n <li class="information'; _A_0[6]='">\n <textarea name="textarea" cols="51" rows="30" style="overflow:hidden;" readonly="readonly" wrap="virtual" >'; _A_0[7]='<\/textarea>\n <\/li>\n<\/ul>\n<\/li>\n <\/ul>\n'; _AC_0[1]=(_A_0[0]+_nl_0[1]+_A_0[1]+_img_0[1]+_A_0[2]+_nl_0[1]+_A_0[3]+_h_0[1]+_A_0[4]+_nl_0[1]+_A_0[3]+_r_0[1]+_A_0[5]+_nl_0[1]+_A_0[6]+_i_0[1]+_A_0[7]); _AC_0[2]=(_A_0[0]+_nl_0[2]+_A_0[1]+_img_0[2]+_A_0[2]+_nl_0[2]+_A_0[3]+_h_0[2]+_A_0[4]+_nl_0[2]+_A_0[3]+_r_0[2]+_A_0[5]+_nl_0[2]+_A_0[6]+_i_0[2]+_A_0[7]); _AC_0[3]=(_A_0[0]+_nl_0[3]+_A_0[1]+_img_0[3]+_A_0[2]+_nl_0[3]+_A_0[3]+_h_0[3]+_A_0[4]+_nl_0[3]+_A_0[3]+_r_0[3]+_A_0[5]+_nl_0[3]+_A_0[6]+_i_0[3]+_A_0[7]); _AC_0[4]=(_A_0[0]+_nl_0[4]+_A_0[1]+_img_0[4]+_A_0[2]+_nl_0[4]+_A_0[3]+_h_0[4]+_A_0[4]+_nl_0[4]+_A_0[3]+_r_0[4]+_A_0[5]+_nl_0[4]+_A_0[6]+_i_0[4]+_A_0[7]); _AC_0[5]=(_A_0[0]+_nl_0[5]+_A_0[1]+_img_0[5]+_A_0[2]+_nl_0[5]+_A_0[3]+_h_0[5]+_A_0[4]+_nl_0[5]+_A_0[3]+_r_0[5]+_A_0[5]+_nl_0[5]+_A_0[6]+_i_0[5]+_A_0[7]); _AC_0[6]=(_A_0[0]+_nl_0[6]+_A_0[1]+_img_0[6]+_A_0[2]+_nl_0[6]+_A_0[3]+_h_0[6]+_A_0[4]+_nl_0[6]+_A_0[3]+_r_0[6]+_A_0[5]+_nl_0[6]+_A_0[6]+_i_0[6]+_A_0[7]); _AC_0[7]=(_A_0[0]+_nl_0[7]+_A_0[1]+_img_0[7]+_A_0[2]+_nl_0[7]+_A_0[3]+_h_0[7]+_A_0[4]+_nl_0[7]+_A_0[3]+_r_0[7]+_A_0[5]+_nl_0[7]+_A_0[6]+_i_0[7]+_A_0[7]); _AC_0[8]=(_A_0[0]+_nl_0[8]+_A_0[1]+_img_0[8]+_A_0[2]+_nl_0[8]+_A_0[3]+_h_0[8]+_A_0[4]+_nl_0[8]+_A_0[3]+_r_0[8]+_A_0[5]+_nl_0[8]+_A_0[6]+_i_0[8]+_A_0[7]); _AC_0[9]=(_A_0[0]+_nl_0[9]+_A_0[1]+_img_0[9]+_A_0[2]+_nl_0[9]+_A_0[3]+_h_0[9]+_A_0[4]+_nl_0[9]+_A_0[3]+_r_0[9]+_A_0[5]+_nl_0[9]+_A_0[6]+_i_0[9]+_A_0[7]); _AC_0[10]=(_A_0[0]+_nl_0[10]+_A_0[1]+_img_0[10]+_A_0[2]+_nl_0[10]+_A_0[3]+_h_0[10]+_A_0[4]+_nl_0[10]+_A_0[3]+_r_0[10]+_A_0[5]+_nl_0[10]+_A_0[6]+_i_0[10]+_A_0[7]); _AC_0[11]=(_A_0[0]+_nl_0[11]+_A_0[1]+_img_0[11]+_A_0[2]+_nl_0[11]+_A_0[3]+_h_0[11]+_A_0[4]+_nl_0[11]+_A_0[3]+_r_0[11]+_A_0[5]+_nl_0[11]+_A_0[6]+_i_0[11]+_A_0[7]); _AC_0[12]=(_A_0[0]+_nl_0[12]+_A_0[1]+_img_0[12]+_A_0[2]+_nl_0[12]+_A_0[3]+_h_0[12]+_A_0[4]+_nl_0[12]+_A_0[3]+_r_0[12]+_A_0[5]+_nl_0[12]+_A_0[6]+_i_0[12]+_A_0[7]); _AC_0[13]=(_A_0[0]+_nl_0[13]+_A_0[1]+_img_0[13]+_A_0[2]+_nl_0[13]+_A_0[3]+_h_0[13]+_A_0[4]+_nl_0[13]+_A_0[3]+_r_0[13]+_A_0[5]+_nl_0[13]+_A_0[6]+_i_0[13]+_A_0[7]); _AC_0[14]=(_A_0[0]+_nl_0[14]+_A_0[1]+_img_0[14]+_A_0[2]+_nl_0[14]+_A_0[3]+_h_0[14]+_A_0[4]+_nl_0[14]+_A_0[3]+_r_0[14]+_A_0[5]+_nl_0[14]+_A_0[6]+_i_0[14]+_A_0[7]); _AC_0[15]=(_A_0[0]+_nl_0[15]+_A_0[1]+_img_0[15]+_A_0[2]+_nl_0[15]+_A_0[3]+_h_0[15]+_A_0[4]+_nl_0[15]+_A_0[3]+_r_0[15]+_A_0[5]+_nl_0[15]+_A_0[6]+_i_0[15]+_A_0[7]); _AC_0[16]=(_A_0[0]+_nl_0[16]+_A_0[1]+_img_0[16]+_A_0[2]+_nl_0[16]+_A_0[3]+_h_0[16]+_A_0[4]+_nl_0[16]+_A_0[3]+_r_0[16]+_A_0[5]+_nl_0[16]+_A_0[6]+_i_0[16]+_A_0[7]); _AC_0[17]=(_A_0[0]+_nl_0[17]+_A_0[1]+_img_0[17]+_A_0[2]+_nl_0[17]+_A_0[3]+_h_0[17]+_A_0[4]+_nl_0[17]+_A_0[3]+_r_0[17]+_A_0[5]+_nl_0[17]+_A_0[6]+_i_0[17]+_A_0[7]); _AC_0[18]=(_A_0[0]+_nl_0[18]+_A_0[1]+_img_0[18]+_A_0[2]+_nl_0[18]+_A_0[3]+_h_0[18]+_A_0[4]+_nl_0[18]+_A_0[3]+_r_0[18]+_A_0[5]+_nl_0[18]+_A_0[6]+_i_0[18]+_A_0[7]); _AC_0[19]=(_A_0[0]+_nl_0[19]+_A_0[1]+_img_0[19]+_A_0[2]+_nl_0[19]+_A_0[3]+_h_0[19]+_A_0[4]+_nl_0[19]+_A_0[3]+_r_0[19]+_A_0[5]+_nl_0[19]+_A_0[6]+_i_0[19]+_A_0[7]); _AC_0[20]=(_A_0[0]+_nl_0[20]+_A_0[1]+_img_0[20]+_A_0[2]+_nl_0[20]+_A_0[3]+_h_0[20]+_A_0[4]+_nl_0[20]+_A_0[3]+_r_0[20]+_A_0[5]+_nl_0[20]+_A_0[6]+_i_0[20]+_A_0[7]); var _20_0=(_AC_0[1]+_AC_0[2]+_AC_0[3]+_AC_0[4]+_AC_0[5]+_AC_0[6]+_AC_0[7]+_AC_0[8]+_AC_0[9]+_AC_0[10]+_AC_0[11]+_AC_0[12]+_AC_0[13]+_AC_0[14]+_AC_0[15]+_AC_0[16]+_AC_0[17]+_AC_0[18]+_AC_0[19]+_AC_0[20]); _A_p2_0[0]='<ul class="freemenu"><li class="movieimage'; _A_p2_0[1]='"><img src="images\/movies\/'; _A_p2_0[2]='.png" width="75" height="120" \/><ul>\n <li class="hotlink'; _A_p2_0[3]='"><a href="#" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onclick="addText(\''; _A_p2_0[4]='\')"><img src="images\/hotfile.png" width="70" height="43" \/><\/a><\/li>\n <li class="rapidlink'; _A_p2_0[5]='\')"><img src="images\/rapidshare.png" width="55" height="50"\/><\/a><\/li>\n <li class="information'; _A_p2_0[6]='">\n <textarea name="textarea" cols="51" rows="30" style="overflow:hidden;" readonly="readonly" wrap="virtual" >'; _A_p2_0[7]='<\/textarea>\n <\/li>\n<\/ul>\n<\/li>\n <\/ul>\n'; _AC_p2_0[1]=(_A_p2_0[0]+_nl_p2_0[1]+_A_p2_0[1]+_img_p2_0[1]+_A_p2_0[2]+_nl_p2_0[1]+_A_p2_0[3]+_h_p2_0[1]+_A_p2_0[4]+_nl_p2_0[1]+_A_p2_0[3]+_r_p2_0[1]+_A_p2_0[5]+_nl_p2_0[1]+_A_p2_0[6]+_i_p2_0[1]+_A_p2_0[7]); _AC_p2_0[2]=(_A_p2_0[0]+_nl_p2_0[2]+_A_p2_0[1]+_img_p2_0[2]+_A_p2_0[2]+_nl_p2_0[2]+_A_p2_0[3]+_h_p2_0[2]+_A_p2_0[4]+_nl_p2_0[2]+_A_p2_0[3]+_r_p2_0[2]+_A_p2_0[5]+_nl_p2_0[2]+_A_p2_0[6]+_i_p2_0[2]+_A_p2_0[7]); _AC_p2_0[3]=(_A_p2_0[0]+_nl_p2_0[3]+_A_p2_0[1]+_img_p2_0[3]+_A_p2_0[2]+_nl_p2_0[3]+_A_p2_0[3]+_h_p2_0[3]+_A_p2_0[4]+_nl_p2_0[3]+_A_p2_0[3]+_r_p2_0[3]+_A_p2_0[5]+_nl_p2_0[3]+_A_p2_0[6]+_i_p2_0[3]+_A_p2_0[7]); _AC_p2_0[4]=(_A_p2_0[0]+_nl_p2_0[4]+_A_p2_0[1]+_img_p2_0[4]+_A_p2_0[2]+_nl_p2_0[4]+_A_p2_0[3]+_h_p2_0[4]+_A_p2_0[4]+_nl_p2_0[4]+_A_p2_0[3]+_r_p2_0[4]+_A_p2_0[5]+_nl_p2_0[4]+_A_p2_0[6]+_i_p2_0[4]+_A_p2_0[7]); _AC_p2_0[5]=(_A_p2_0[0]+_nl_p2_0[5]+_A_p2_0[1]+_img_p2_0[5]+_A_p2_0[2]+_nl_p2_0[5]+_A_p2_0[3]+_h_p2_0[5]+_A_p2_0[4]+_nl_p2_0[5]+_A_p2_0[3]+_r_p2_0[5]+_A_p2_0[5]+_nl_p2_0[5]+_A_p2_0[6]+_i_p2_0[5]+_A_p2_0[7]); _AC_p2_0[6]=(_A_p2_0[0]+_nl_p2_0[6]+_A_p2_0[1]+_img_p2_0[6]+_A_p2_0[2]+_nl_p2_0[6]+_A_p2_0[3]+_h_p2_0[6]+_A_p2_0[4]+_nl_p2_0[6]+_A_p2_0[3]+_r_p2_0[6]+_A_p2_0[5]+_nl_p2_0[6]+_A_p2_0[6]+_i_p2_0[6]+_A_p2_0[7]); _AC_p2_0[7]=(_A_p2_0[0]+_nl_p2_0[7]+_A_p2_0[1]+_img_p2_0[7]+_A_p2_0[2]+_nl_p2_0[7]+_A_p2_0[3]+_h_p2_0[7]+_A_p2_0[4]+_nl_p2_0[7]+_A_p2_0[3]+_r_p2_0[7]+_A_p2_0[5]+_nl_p2_0[7]+_A_p2_0[6]+_i_p2_0[7]+_A_p2_0[7]); _AC_p2_0[8]=(_A_p2_0[0]+_nl_p2_0[8]+_A_p2_0[1]+_img_p2_0[8]+_A_p2_0[2]+_nl_p2_0[8]+_A_p2_0[3]+_h_p2_0[8]+_A_p2_0[4]+_nl_p2_0[8]+_A_p2_0[3]+_r_p2_0[8]+_A_p2_0[5]+_nl_p2_0[8]+_A_p2_0[6]+_i_p2_0[8]+_A_p2_0[7]); _AC_p2_0[9]=(_A_p2_0[0]+_nl_p2_0[9]+_A_p2_0[1]+_img_p2_0[9]+_A_p2_0[2]+_nl_p2_0[9]+_A_p2_0[3]+_h_p2_0[9]+_A_p2_0[4]+_nl_p2_0[9]+_A_p2_0[3]+_r_p2_0[9]+_A_p2_0[5]+_nl_p2_0[9]+_A_p2_0[6]+_i_p2_0[9]+_A_p2_0[7]); _AC_p2_0[10]=(_A_p2_0[0]+_nl_p2_0[10]+_A_p2_0[1]+_img_p2_0[10]+_A_p2_0[2]+_nl_p2_0[10]+_A_p2_0[3]+_h_p2_0[10]+_A_p2_0[4]+_nl_p2_0[10]+_A_p2_0[3]+_r_p2_0[10]+_A_p2_0[5]+_nl_p2_0[10]+_A_p2_0[6]+_i_p2_0[10]+_A_p2_0[7]); _AC_p2_0[11]=(_A_p2_0[0]+_nl_p2_0[11]+_A_p2_0[1]+_img_p2_0[11]+_A_p2_0[2]+_nl_p2_0[11]+_A_p2_0[3]+_h_p2_0[11]+_A_p2_0[4]+_nl_p2_0[11]+_A_p2_0[3]+_r_p2_0[11]+_A_p2_0[5]+_nl_p2_0[11]+_A_p2_0[6]+_i_p2_0[11]+_A_p2_0[7]); _AC_p2_0[12]=(_A_p2_0[0]+_nl_p2_0[12]+_A_p2_0[1]+_img_p2_0[12]+_A_p2_0[2]+_nl_p2_0[12]+_A_p2_0[3]+_h_p2_0[12]+_A_p2_0[4]+_nl_p2_0[12]+_A_p2_0[3]+_r_p2_0[12]+_A_p2_0[5]+_nl_p2_0[12]+_A_p2_0[6]+_i_p2_0[12]+_A_p2_0[7]); _AC_p2_0[13]=(_A_p2_0[0]+_nl_p2_0[13]+_A_p2_0[1]+_img_p2_0[13]+_A_p2_0[2]+_nl_p2_0[13]+_A_p2_0[3]+_h_p2_0[13]+_A_p2_0[4]+_nl_p2_0[13]+_A_p2_0[3]+_r_p2_0[13]+_A_p2_0[5]+_nl_p2_0[13]+_A_p2_0[6]+_i_p2_0[13]+_A_p2_0[7]); _AC_p2_0[14]=(_A_p2_0[0]+_nl_p2_0[14]+_A_p2_0[1]+_img_p2_0[14]+_A_p2_0[2]+_nl_p2_0[14]+_A_p2_0[3]+_h_p2_0[14]+_A_p2_0[4]+_nl_p2_0[14]+_A_p2_0[3]+_r_p2_0[14]+_A_p2_0[5]+_nl_p2_0[14]+_A_p2_0[6]+_i_p2_0[14]+_A_p2_0[7]); _AC_p2_0[15]=(_A_p2_0[0]+_nl_p2_0[15]+_A_p2_0[1]+_img_p2_0[15]+_A_p2_0[2]+_nl_p2_0[15]+_A_p2_0[3]+_h_p2_0[15]+_A_p2_0[4]+_nl_p2_0[15]+_A_p2_0[3]+_r_p2_0[15]+_A_p2_0[5]+_nl_p2_0[15]+_A_p2_0[6]+_i_p2_0[15]+_A_p2_0[7]); _AC_p2_0[16]=(_A_p2_0[0]+_nl_p2_0[16]+_A_p2_0[1]+_img_p2_0[16]+_A_p2_0[2]+_nl_p2_0[16]+_A_p2_0[3]+_h_p2_0[16]+_A_p2_0[4]+_nl_p2_0[16]+_A_p2_0[3]+_r_p2_0[16]+_A_p2_0[5]+_nl_p2_0[16]+_A_p2_0[6]+_i_p2_0[16]+_A_p2_0[7]); _AC_p2_0[17]=(_A_p2_0[0]+_nl_p2_0[17]+_A_p2_0[1]+_img_p2_0[17]+_A_p2_0[2]+_nl_p2_0[17]+_A_p2_0[3]+_h_p2_0[17]+_A_p2_0[4]+_nl_p2_0[17]+_A_p2_0[3]+_r_p2_0[17]+_A_p2_0[5]+_nl_p2_0[17]+_A_p2_0[6]+_i_p2_0[17]+_A_p2_0[7]); _AC_p2_0[18]=(_A_p2_0[0]+_nl_p2_0[18]+_A_p2_0[1]+_img_p2_0[18]+_A_p2_0[2]+_nl_p2_0[18]+_A_p2_0[3]+_h_p2_0[18]+_A_p2_0[4]+_nl_p2_0[18]+_A_p2_0[3]+_r_p2_0[18]+_A_p2_0[5]+_nl_p2_0[18]+_A_p2_0[6]+_i_p2_0[18]+_A_p2_0[7]); _AC_p2_0[19]=(_A_p2_0[0]+_nl_p2_0[19]+_A_p2_0[1]+_img_p2_0[19]+_A_p2_0[2]+_nl_p2_0[19]+_A_p2_0[3]+_h_p2_0[19]+_A_p2_0[4]+_nl_p2_0[19]+_A_p2_0[3]+_r_p2_0[19]+_A_p2_0[5]+_nl_p2_0[19]+_A_p2_0[6]+_i_p2_0[19]+_A_p2_0[7]); _AC_p2_0[20]=(_A_p2_0[0]+_nl_p2_0[20]+_A_p2_0[1]+_img_p2_0[20]+_A_p2_0[2]+_nl_p2_0[20]+_A_p2_0[3]+_h_p2_0[20]+_A_p2_0[4]+_nl_p2_0[20]+_A_p2_0[3]+_r_p2_0[20]+_A_p2_0[5]+_nl_p2_0[20]+_A_p2_0[6]+_i_p2_0[20]+_A_p2_0[7]); var _20_p2_0=(_AC_p2_0[1]+_AC_p2_0[2]+_AC_p2_0[3]+_AC_p2_0[4]+_AC_p2_0[5]+_AC_p2_0[6]+_AC_p2_0[7]+_AC_p2_0[8]+_AC_p2_0[9]+_AC_p2_0[10]+_AC_p2_0[11]+_AC_p2_0[12]+_AC_p2_0[13]+_AC_p2_0[14]+_AC_p2_0[15]+_AC_p2_0[16]+_AC_p2_0[17]+_AC_p2_0[18]+_AC_p2_0[19]+_AC_p2_0[20]); Another part that I'm not so worried about but that still takes up a ton of space is the corresponding variables that need to be set as blank, this one being for a instead of 0(zero) like in the previous example. Code: var _nl_a =new Array() var _img_a =new Array() var _h_a =new Array() var _r_a =new Array() var _i_a =new Array() var _A_a =new Array() var _AC_a =new Array() _nl_a[1] = 1; _img_a[1] = 'nocontent7'; _h_a[1] = ''; _r_a[1] = ''; _i_a[1] = ''; _nl_a[2] = 2; _img_a[2] = 'nocontent7'; _h_a[2] = ''; _r_a[2] = ''; _i_a[2] = ''; _nl_a[3] = 3; _img_a[3] = 'nocontent7'; _h_a[3] = ''; _r_a[3] = ''; _i_a[3] = ''; _nl_a[4] = 4; _img_a[4] = 'nocontent7'; _h_a[4] = ''; _r_a[4] = ''; _i_a[4] = ''; _nl_a[5] = 5; _img_a[5] = 'nocontent7'; _h_a[5] = ''; _r_a[5] = ''; _i_a[5] = ''; _nl_a[6] = 6; _img_a[6] = 'nocontent5'; _h_a[6] = ''; _r_a[6] = ''; _i_a[6] = ''; _nl_a[7] = 7; _img_a[7] = 'nocontent5'; _h_a[7] = ''; _r_a[7] = ''; _i_a[7] = ''; _nl_a[8] = 8; _img_a[8] = 'nocontent5'; _h_a[8] = ''; _r_a[8] = ''; _i_a[8] = ''; _nl_a[9] = 9; _img_a[9] = 'nocontent5'; _h_a[9] = ''; _r_a[9] = ''; _i_a[9] = ''; _nl_a[10] = 10; _img_a[10] = 'nocontent5'; _h_a[10] = ''; _r_a[10] = ''; _i_a[10] = ''; _nl_a[11] = 11; _img_a[11] = 'nocontent8'; _h_a[11] = ''; _r_a[11] = ''; _i_a[11] = ''; _nl_a[12] = 12; _img_a[12] = 'nocontent8'; _h_a[12] = ''; _r_a[12] = ''; _i_a[12] = ''; _nl_a[13] = 13; _img_a[13] = 'nocontent8'; _h_a[13] = ''; _r_a[13] = ''; _i_a[13] = ''; _nl_a[14] = 14; _img_a[14] = 'nocontent8'; _h_a[14] = ''; _r_a[14] = ''; _i_a[14] = ''; _nl_a[15] = 15; _img_a[15] = 'nocontent8'; _h_a[15] = ''; _r_a[15] = ''; _i_a[15] = ''; _nl_a[16] = 16; _img_a[16] = 'nocontent6'; _h_a[16] = ''; _r_a[16] = ''; _i_a[16] = ''; _nl_a[17] = 17; _img_a[17] = 'nocontent6'; _h_a[17] = ''; _r_a[17] = ''; _i_a[17] = ''; _nl_a[18] = 18; _img_a[18] = 'nocontent6'; _h_a[18] = ''; _r_a[18] = ''; _i_a[18] = ''; _nl_a[19] = 19; _img_a[19] = 'nocontent6'; _h_a[19] = ''; _r_a[19] = ''; _i_a[19] = ''; _nl_a[20] = 20; _img_a[20] = 'nocontent6'; _h_a[20] = ''; _r_a[20] = ''; _i_a[20] = ''; var _nl_p2_a =new Array() var _img_p2_a =new Array() var _h_p2_a =new Array() var _r_p2_a =new Array() var _i_p2_a =new Array() var _A_p2_a =new Array() var _AC_p2_a =new Array() _nl_p2_a[1] = 1; _img_p2_a[1] = 'nocontent9'; _h_p2_a[1] = ''; _r_p2_a[1] = ''; _i_p2_a[1] = ''; _nl_p2_a[2] = 2; _img_p2_a[2] = 'nocontent9'; _h_p2_a[2] = ''; _r_p2_a[2] = ''; _i_p2_a[2] = ''; _nl_p2_a[3] = 3; _img_p2_a[3] = 'nocontent9'; _h_p2_a[3] = ''; _r_p2_a[3] = ''; _i_p2_a[3] = ''; _nl_p2_a[4] = 4; _img_p2_a[4] = 'nocontent9'; _h_p2_a[4] = ''; _r_p2_a[4] = ''; _i_p2_a[4] = ''; _nl_p2_a[5] = 5; _img_p2_a[5] = 'nocontent9'; _h_p2_a[5] = ''; _r_p2_a[5] = ''; _i_p2_a[5] = ''; _nl_p2_a[6] = 6; _img_p2_a[6] = 'nocontent7'; _h_p2_a[6] = ''; _r_p2_a[6] = ''; _i_p2_a[6] = ''; _nl_p2_a[7] = 7; _img_p2_a[7] = 'nocontent7'; _h_p2_a[7] = ''; _r_p2_a[7] = ''; _i_p2_a[7] = ''; _nl_p2_a[8] = 8; _img_p2_a[8] = 'nocontent7'; _h_p2_a[8] = ''; _r_p2_a[8] = ''; _i_p2_a[8] = ''; _nl_p2_a[9] = 9; _img_p2_a[9] = 'nocontent7'; _h_p2_a[9] = ''; _r_p2_a[9] = ''; _i_p2_a[9] = ''; _nl_p2_a[10] = 10; _img_p2_a[10] = 'nocontent7'; _h_p2_a[10] = ''; _r_p2_a[10] = ''; _i_p2_a[10] = ''; _nl_p2_a[11] = 11; _img_p2_a[11] = 'nocontent10'; _h_p2_a[11] = ''; _r_p2_a[11] = ''; _i_p2_a[11] = ''; _nl_p2_a[12] = 12; _img_p2_a[12] = 'nocontent10'; _h_p2_a[12] = ''; _r_p2_a[12] = ''; _i_p2_a[12] = ''; _nl_p2_a[13] = 13; _img_p2_a[13] = 'nocontent10'; _h_p2_a[13] = ''; _r_p2_a[13] = ''; _i_p2_a[13] = ''; _nl_p2_a[14] = 14; _img_p2_a[14] = 'nocontent10'; _h_p2_a[14] = ''; _r_p2_a[14] = ''; _i_p2_a[14] = ''; _nl_p2_a[15] = 15; _img_p2_a[15] = 'nocontent10'; _h_p2_a[15] = ''; _r_p2_a[15] = ''; _i_p2_a[15] = ''; _nl_p2_a[16] = 16; _img_p2_a[16] = 'nocontent2'; _h_p2_a[16] = ''; _r_p2_a[16] = ''; _i_p2_a[16] = ''; _nl_p2_a[17] = 17; _img_p2_a[17] = 'nocontent2'; _h_p2_a[17] = ''; _r_p2_a[17] = ''; _i_p2_a[17] = ''; _nl_p2_a[18] = 18; _img_p2_a[18] = 'nocontent2'; _h_p2_a[18] = ''; _r_p2_a[18] = ''; _i_p2_a[18] = ''; _nl_p2_a[19] = 19; _img_p2_a[19] = 'nocontent2'; _h_p2_a[19] = ''; _r_p2_a[19] = ''; _i_p2_a[19] = ''; _nl_p2_a[20] = 20; _img_p2_a[20] = 'nocontent2'; _h_p2_a[20] = ''; _r_p2_a[20] = ''; _i_p2_a[20] = ''; PLEASE PLEASE HELP ME FIGURE OUT HOW I CAN CUT THIS DOWN! It's been driving me insane for awhile now and I can't go any further until this is taken care of. Hi, it's my first post and first thread, actually I joined to ask this question. I did try searching first but for some reason when I put this character in google search fields I never find what I want, maybe not being recognized. here's the code Code: this.size=a.size||2000; this.handle_event=a.handle_event||'click'; my question ... what is the || character(s)? I'm sure this must be laughably simple and thanks in advance (new to learning js) I have a site that works just fine in fire fox but surprise surprise, there is a lot of problems in IE8 that dont make sense at all. Here is my link: http://paperlesswasp.com/royalvillicus/recompare.php Code: <span class="menu1" id="menu1"> <map name="menu1" id="menu1"> <area alt="memberships" shape="rect" coords="134, 143, 176, 166" href="http://realtor.com"/> <area alt="memberships" shape="rect" coords="188, 143, 231, 166" href="http://realestate.yahoo.com/"/> <area alt="memberships" shape="rect" coords="243, 143, 285, 166" href="http://realestate.com"/> <area alt="memberships" shape="rect" coords="297, 143, 340, 166" href="http://frontdoor.com"/> <area alt="memberships" shape="rect" coords="351, 143, 394, 166" href="http://homes.com"/> </map> <img src="image/rsummary.png" alt="site comparison" usemap="#menu1" width="" height="" vspace="5" hspace="1"/><br><br> </span> <span id="ex_10" style="display:none;"> <img src="image/rranking.png" name="ex_4" id="ex_4" alt="ranking" width="" height="" vspace="5" hspace="1"/><br> </span> <span id="ex_9" style="display:none;"> <img src="image/relistings.png" name="ex_5" id="ex_5" alt="listings" width="" height="" vspace="5" hspace="1"/><br> </span> <span id="ex_6" style="display:none;"> <img src="image/relistingsearches.png" name="ex_6" id="ex_6" alt="listings searches" width="" height="" vspace="5" hspace="1"/><br> </span> <span id="ex_7" style="display:none;"> <img src="image/recalculators.png" name="ex_7" id="ex_7" alt="calculators" width="" height="" vspace="5" hspace="1"/><br> </span> <span id="ex_8" style="display:none;"> <img src="image/reresources.png" name="ex_8" id="ex_8" alt="resources" width="" height="" vspace="5" hspace="1"/><br> </span> <span id="ex_11" style="display:none;"> <img src="image/remarketdata.png" name="ex_8" id="ex_8" alt="resources" width="" height="" vspace="5" hspace="1"/><br> </span> if you look under: http://paperlesswasp.com/royalvillicus/calculator.php IE8 will only show 2 out of the 7 drop down menu bars that are suppose to be there. works in IE8 and firefox Code: <img src="image/wroi.png" onmouseover="rollOn(this)" onmouseout="rollOff(this)" onclick="showMe(12)" vspace="1" hspace="1" class="position"><br><br> works only in firefox Code: <img src="image/wtax.png" onmouseover="rollOn(this)" onmouseout="rollOff(this)" onclick="showMe(11)" vspace="1" hspace="1" class="position"><br><br> Fire fox handles these just fine, but IE8 doesnt. I appreciate any siggestions I' am trying to do a frame by frame animation, lik an animated gif. I am using svg (vector graphics) and IE9 has native support for svg. The code functions in every other browser but IE9 plays the animation once then nothing. If you would like to try and not have svg files you can use whatever gif,jpg or png just put an img-tag where i have embed. Code: <!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Animation</title>
<style type="text/css">
/*One div per image all uses this class*/
.eyesPos {
position:absolute;
width:80px;
height:50px;
z-index:1;
left: 0px;
top: 0px;
}
#eye_wrapper{/*This is a master div for easy placement of the others*/
position:absolute;
width:80px;
height:50px;
z-index:2;
left: 275px;
top: 200px;
}
</style>
<script>
var eyes=["a","b","c","d"];//Image id in this array
var startAnim=setInterval(visaOga,100);//Animation speed
function visaOga(){
document.getElementById(eyes.splice(0,1)).style.display="block";
if(eyes.length==0){
document.getElementById("a").style.display="none";
document.getElementById("b").style.display="none";
document.getElementById("c").style.display="none";
dBort = function(){
document.getElementById("d").style.display="none";
eyes=["a","b","c","d"];
}
setTimeout(dBort,1500);//So last image is shown 1.5 sec
return;//Aborts - dBort -. Sequence can start over
if(document.getElementById("d").style.display=="none"){
startAnim;//Strts sequence if last image invisible
}
}
}
</script>
</head>
<body>
<!--Images in own div invisible at start-->
<div id="eye_wrapper">
<div class="eyesPos" id="a" style= display:none;>
<embed src="0.svg" width="80" height="50" />
</div>
<div class="eyesPos" id="b" style= display:none;>
<embed src="1.svg" width="80" height="50" />
</div>
<div class="eyesPos" id="c" style= display:none;>
<embed src="2.svg" width="80" height="50" />
</div>
<div class="eyesPos" id="d" style= display:none;>
<embed src="3.svg" width="80" height="50" />
</div>
</div>
</body>
</html>
I have created a page where everytime the page loads a popup window opens and diplays a message. This is done through javascripting. After the message is read the reader can close the window. The popup page is an actual html page and not a dialog box. This is fine except, everytime the visitor comes back to that page the window pops up. Is there a way to hve it where I can insert a link or button that says "Don't show message again" . That way it will pop up the first time but if the reader clicks that "Don't show message again" it will not appear again. Maybe set some sort of cookie. HELP ME PLEASE
|
|||||||