|
HTML - Second Animation Does'nt Work In Ie
Nevermind.
This post can be deleted. Similar TutorialsHey, not sure where to put this but im wanting to make a website with so movies of animation clips that i have made except i need some advice on animation, what is the best program/software to use to make animations, should i use 2d animation or 3d, is 3d animation easy. Hello all, I have a bunch of rollover buttons on a page which I would love to sequentially animate so that when the page loads they rollover one at a time in a loop prior to any actual mouseover event. Other than making each button an animated .gif (and increasing the size of the image!) is there a way to script an event that will do the image flips? I made a site using dreamweaver and then embedded three flash animations in it but when I move the page from one place to another on the server it causes the animation to disappear even though i move the animations themselves along with the original html page. I refer to them in dreamweaver as relative to the page they are one. any ideas as to why they dissapear? the page is http://nychandymanondemand.com/ the animations are slideshows that should appear on the right side of the page. on the original page before I moved it they worked fine: http://nycmaidondemand.com/Handyman.html in the dreamweaver preview it shows up fine. the path is correct and the file is upload...but for some reason, I just get a blank space? http://yesplsnothnx.com/index2.html flash animation: http://yesplsnothnx.com/images/ass.swf what am i doing wrong?! Hi, can anybody tell me why the flash animation is not correctly displayed in Firefox ? (and only the second time I visit the website) http://lancelmaat.nl/ thanks Using the following code, if flash is not installed on a computer, while using IE a white box is shown instead of the alternate nested code: HTML Code: <object type="application/x-shockwave-flash" data="Theme/source.swf" width="647" height="61"> <param name="movie" value="source.swf" /> <a href="index.html"><img src="Theme/Banner/Name.gif" /></a><!-- --><a href="index.html"><img src="Theme/Banner/Spacer.gif" /></a><!-- --><a href="http://cart.source-entertainment.net"><img src="Theme/Banner/Logo.gif" /></a> </object> With IE and Flash it displays the flash animation fine, and with Firefox it displays the nested links and images correctly when not using flash, and also displays the flash animation correctly when flash is installs. The only issue is no flash installed on IE. Can anyone explain why this might be happening? Am I missing some IE-specific code? Or is it a problem with my animation? Any help would be appreciated. Can someone paste this into an .html file and help me with why this won't work in IE. It works in Chrome and FF. It seems like the onclick event in the two buttons doesn't fire. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Question 1</title> <style type="text/css"> body { background-color: #FFFFFF; font-family: Verdana, sans-serif; color: #000088; margin: 5px; } p.help_text { color: #ff0000; font-size:10px; } table.left { position:relative; right:3px; } input.right { position:relative; left:15px; } </style> <script type="text/javascript"> function Clear(form) { document.multiply_form.arg1.value = ""; document.multiply_form.arg2.value = ""; document.getElementById("answer").innerHTML = "?"; document.getElementById("help").innerHTML = ""; } function Multiply(arg1, arg2, form) { var answer = document.getElementById("answer"); alert("A"); document.getElementById("help").innerHTML = ""; if (validate_form() == true) { document.getElementById("answer").innerHTML = arg1 * arg2; } } function validate_form() { var fields = new Array(); fields[0] = document.multiply_form.arg1; fields[1] = document.multiply_form.arg2; for (i = 0; i < fields.length; i++) { if (fields[i].value.length == 0) { document.getElementById("help").innerHTML = "You must enter 2 arguments to multiply."; fields[i].focus(); return false; } else if (isNaN(fields[i].value)) { document.getElementById("help").innerHTML = "You can only multiply numbers."; fields[i].focus(); return false; } } return true; } </script> </head> <body> <form name="multiply_form" action="" onsubmit="multiply(arg1, arg2)"> Arg 1: <input type="text" name="arg1" value="" size="10"/><br/> Arg 2: <input type="text" name="arg2" value="" size="10"/><br/> <table class="left"> <tr> <td><div>Result: </div></td> <td><div id="answer">?</div></td> </tr> </table> <input class="right" type="button" value="Calculate" onclick="Multiply(this.form.arg1.value, this.form.arg2.value, this.form)"/> <input class="right" type="button" value="Clear" onclick="Clear(this.form)"/> <p id="help" class="help_text"></p> </form> </body> </html> Why on earth doe the cell "Card No." not go to row number 2 and it stays on the same line? I have added a <tr> and it STILL stays on same line. How is this possible? Code: <form id="cin" name="cin" method="post" action=""> <table><tr> <th>Your Name</th> <td><input type="text" name="your_name" /></td> <tr> <td></td> </tr> <th>Card No.</th> <td><input type="text" name="card_no" id="card_no" /></td> </form> Hi there, would you kindly help me please. I have have been puzzled lately about how exactly i would be able to protect some of my online material. I do realize that keeping things more server sided is the way to go. But what if its a login, where you have two sections of your site, one for members and the other public. My question is how would you be able to protect a page from being viewed if your not logged in. Meaning if someone knows the direct link to a member page, how would you stop them from viewing it if their not a member? (redirect them back to a homepage). how would this kind of thing work? Thanks a million btw new to the forums NetGD Should this tag work ? <img src="file://users/aneuryzma/Desktop/Picture%201.png" name="replaceMe"/> i want to display an image on my local file system... thanks I was bolding text in <p> tags like this Code: <p> <b>2. Policy</b> </p> Then I added Code: <style type="text/css">
<!--
P {
font-size: 10px;
}
-->
</style>
Now" Policy" is no longer bold After the "marital status" and "sex" are selected, I want to assign a default value to the "Title" field. I think I am calling the function DefaultTitle incorrectly because I am not even seeing the initial alert box. Any suggestions? function DefaultTitle(strng,x) { alert("Checking Title."); var Sex=documet.PatientEntry.personal_sex.value; var MaritalStatus=strng; if (Sex=="Female" && MaritalStatus=="Married") {document.PatientEntry.personal_Title.value="Mrs."; HighlightWhite(x); Return; } if (Sex=="Male") {docment.PatientEntry.personal_Title.value="Mr."; HighlightWhite(x); Return; } if (Sex=="Female" && MaritalStatus=="Single") {document.PatientEntry.personal_Title.value="Miss"; HighlightWhite(x); Return; } if (Sex=="Female") {document.PatientEntry.personal_Title.value="Ms."; HighlightWhite(x); Return; } } Sex: <SELECT name="personal_sex" id="personal_sex" tabindex=7> <OPTION>Male</OPTION> <OPTION>Female</OPTION> </SELECT> Marital status: <SELECT name="personal_MaritalStatus" id="personal_MaritalStatus" onmouseout="DefaultTitle(this.value,this.id)" tabindex=8> <OPTION>Married</OPTION> <OPTION>Single</OPTION> <OPTION>Separated</OPTION> <OPTION>Divorced</OPTION> <OPTION>Widow(er)</OPTION> </SELECT> Title: <SELECT name=personal_Title tabindex=9> <OPTION>Mr.</OPTION> <OPTION>Mrs.</OPTION> <OPTION>Ms.</OPTION> <OPTION>Miss</OPTION> <OPTION>Dr.</OPTION> </SELECT><BR> Site: http://therivals.summerhost.info Relevant Pages/Files: index.shtml nav.shtml style.css Problem(s): On the side navigation bar, hovering over the 'links' doesn't do anything (even though the stylesheet is supposed to change the background colour/font colour. Clicking also does nothing. I've run both homepage and stylesheet through the W3C Validator and the only errors it comes up with are to do with the ad my host automatically puts at the bottom of each page and CSS3. Interestingly, you cannot highlight anything on the page except that ad. If it's relevant, I've used SSIs to add the code for the navigation bar onto each page. I've tested the site in IE8, Firefox 3.6.19 and Chrome 8.0.552.224. It only works in IE (). It also works when opening the files offline in all the browsers and when using XAMPP. I have absolutely no idea what's gone and would appreciate any helpful input . Here's the HTML for my page. I've got two frames, one named "jojo" and one named "blah". Code: <frameset rows="1000,*" cols="*" frameborder="yes" border="1" framespacing="0" name="jojo"> <frame src="newsfront.html" scrolling="NO" name="jojo"> <frame src="music5.html" rows="1,*" name="blah"> </frameset> </frameset> And here's the java for a link I'm trying to make, a link that will change "blah" and "jojo" at the same time. For some reason, I can't get it to work. What am I doing wrong? Code: <HTML><B>
<HEAD>
<TITLE>FRAME 10</TITLE>
<SCRIPT language="JavaScript">
<!--hide
function change3()
{
parent.jojo.location="quiz/quizzo.html";
parent.blah.location="quiz/song.html";
}
//-->
</SCRIPT>
</HEAD>
<body>
<BR><center><font size=99>
<A HREF="javascript:change3()">Start</A></font>
<body background=quiz/paper2.jpg></center>
</body>
</html>
Thanky. http://www.freewebs.com/stevenwang/ Now I've tried this a few different ways, none of which give me the ideal picture I have in my head. This is my personal website for my clothing line, which I plan to launch fairly soon after everything is said and done. It's all hand drawn (sketchy), black/white, very simple website layout. What I want to do, is move the links (the images) as they are current inline with "Lit." I want the top of the T in "Lit" to be aligned with the top of the "T" in "About." Then I want my twitter and facebook links to be flush with the bottom of the "C" in "Contact" The only way at this point I see this functioning is with an IMAGE MAP, which I really don't want to do... It's not browser friendly. Is there anyway we can float some tables to do this? And which is the best way for adding an iframe inside the hand drawn border/box. Quote: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML><HEAD><TITLE>Get Lit, A Clothing Company</TITLE> <META http-equiv=content-type content="text/html; charset=ISO-8859-1"> <META name="keywords" content=""> <META name="description" content=""> </HEAD> <A href="http://stevenwang.webs.com/home.htm" target=main><IMG alt="" src="http://stevenwang.webs.com/lit_top_left_001.gif" border=0></A><BR> <A href="http://www.facebook.com" target="_blank"><IMG alt="" src="http://stevenwang.webs.com/fb_1.gif" border=0></A><IMG alt="" src="http://stevenwang.webs.com/spacer_top_nav.gif" border=0><A href="http://www.twitter.com" target="_blank"><IMG alt="" src="http://stevenwang.webs.com/twit_1.gif" border=0></A><IMG alt="" src="http://stevenwang.webs.com/spacer_top_nav.gif" border=0><A href="http://www.twitter.com" target="_blank"><IMG alt="" src="http://stevenwang.webs.com/nav_001.gif" border=0></A><IMG alt="" src="http://stevenwang.webs.com/spacer_top_nav.gif" border=0><A href="http://www.twitter.com" target="_blank"><IMG alt="" src="http://stevenwang.webs.com/nav_002.gif" border=0></A> <BR> <IMG alt="" src="http://stevenwang.webs.com/spacer_top_nav.gif" border=0><IMG alt="" src="http://stevenwang.webs.com/align_right.gif" border=0><A href="http://www.twitter.com" target="_blank"><IMG alt="" src="http://stevenwang.webs.com/nav_003.gif" border=0></A> <P align=center> <IMG alt="" src="http://stevenwang.webs.com/litco_bg.gif" border=0> </P> <!-- --><script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script></BODY></HTML> below there is a piece of code with slideshow (I took it from http://www.ricocheting.com/code/java...mage-slideshow). I can see only the first picture, not the rest. Can someone help me? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>try5</title> </head> <body> <script type="text/javascript"> // Author: ricocheting.com // Description: slideshow that allows visitors to flip through a series of images on your website var x=0; function rotate(num){ fs=document.ff.slide; x=num%fs.length; if(x<0) x=fs.length-1; document.images.show.src=fs.options[x].value; fs.selectedIndex=x;} function auto() { if(document.ff.fa.value == "Stop"){ rotate(++x);setTimeout("auto()", 5000);}} </script> <form name="ff"> <table style="border: 1px solid black; border-collapse: collapse;" cellpadding="3"> <tbody> <tr> <th align="center"></th> </tr> <tr> <td align="center"><img src="IMG0.JPG" name="show"> </td> </tr> <tr> <td style="border: 1px solid black;" align="center"> <select name="slide" onchange="rotate(this.selectedIndex);"> <option value="IMG0.JPG"></option> <option value="IMG1.JPG"></option> </select> </td> </tr> <tr> <td style="border: 1px solid black;" align="center"><input onclick="rotate(0);" value="ll<<" title="Jump to beginning" type="button"> <input onclick="rotate(x-1);" value="<<" title="Last Picture" type="button"><input name="fa" onclick="this.value=((this.value=='Stop')?'Start':'Stop');auto();" value="Stop" title="Autoplay" style="width: 75px;" type="button"> <input onclick="rotate(x+1);" value=">>" title="Next Picture" type="button"><input onclick="rotate(this.form.slide.length-1);" value=">>ll" title="Jump to end" type="button"> </td> </tr> </tbody> </table> </form> </body> </html> I've had a simple php counter on a web page for years. Now I change the webpage and put the counter html on it just like before and this time it doesn't work! Could this be something to do with the new page being xhtml instead of html? Or because this time there's already a 'javascript' section whereas before there wasn't? Or what? The page is at http://greenpepper.org if anyone would care to look. the html line is right at the bottom of the page, just before </body> and the line itself is: <script language="Javascript" src="counter.php"><!--//--></script> The php counter code is very simple, too, it is: <? $filename = "count.txt"; $fp=fopen("$filename","r"); $count=fread($fp, filesize("$filename")); fclose($fp); $count++; $fp=fopen("$filename","w+"); fwrite($fp,$count); fclose($fp); // Use this line below if you like to use this counter to count hits in a PHP file. //echo "This page has been visited $count times."; // Use this line if you like to use this counter to count hits in a HTML file. You also need to add a code in your HTML file. See the guide for details. echo "document.write('$count');"; ?> The text file is still there in the directory, I checked everything by running the old file again and it runs the counter okay. sorry i fixed the problem as soon as i posted so i deleted it im pat btw So just draw on AP divs and maybe also a bit of tweaking, can you "get away" with this? Biggest problem i see is that IE and FF tend not to always format things exactly the same .... ALSO, if i want to line up say an input text box with a search button gif(25px x 24px) at the side of the input then this works in firefox, Note that this is an AP div. <div id="apDiv3"> <input type = "text" size = "26"/><img src = "images/search.gif" /> </div> #apDiv3 input{float:left;height:16px;padding:2px;} Gives this is FF, Whereas in IE there is a small gap between the right end of the input and the gif, and also the input field is smaller I have to say i don't really undertsand the css there, i got it form the web. Why is there a gap and why is it smaller? Hi, I've been going through my codes over and over again but I juz figure out why it won't work this time round for the links. Normally, when I type the html reference inside the ahref, the notepad plus plus will show red but this time it doesn't. When I try to click on the link it won't work as well. Hope someone can tell me why. tks. [html code] <img src="singapore.jpg" alt="Skyscraper" width="700" height="300" hspace="5" name="Rotate"/> <table align ="left" width= 70%> <td width ="30%><a href="BuildGoodNcolor.html">Home</a></td> <td width ="30%><a href="=P-D.html">Projects</a></td> <td width ="30%><a href="PD.comenquiry.html">Enquiry</a></td> <td width ="35%><a href="P-D.html">Contact</a></td></table> [/html code] css : a:link { color: #336699; } a:visited { color: #660033; } a:hover { color: #000000; } |
|||||||