|
JavaScript - Help? Whats Wrong?
Code:
<html> <title>hi</title> <Head> <SCRIPT language="JavaScript"> <!-- var rand_url= new Array() rand_url[0]="http://www.facebook.com"; rand_url[1]="http://www.youtube.com"; rand_url[2]="http://www.bing.com"; rand_url[3]="http://www.yahoo.com"; rand_url[4]="http://www.google.com"; var rand_num= Math.floor(Math.random()*5); //--> </SCRIPT> </head> <body> <H2>Try your luck!</H2> <a href="javascript:func(rand_url[rand_num])"><img src="http://www.mycasinogames.org/editor/assets/button_playnow.jpg" alt="CLICK ME!"/></a> </body> </html> I'm testing out some JavaScripts, and im using one that give a random link. So, basically they have to click a "Play Now" IMAGE to launch ONE of the links above in the "rand_url" However what is in red isn't working. When clicking the image, it does nothing. Can you help? Similar Tutorialsi have been working on Javascript and HTML for long time but never had such kind of a problem. A very simple code isnt getting executed. Please help me out with what i am missing : Here is the HTML code with javascript(a very simple webpage to say hello) : Code:
<html>
<head>
<script type = "Javascript">
function say_hi()
{
window.alert("Said hiii..");
}
</script>
</head>
<body>
ahgdahsgdhagshd
<input type = "checkbox" onclick= say_hi()/>click the check box
sdfsdf
</body>
</html>
Problem is that say_hi() isnt getting called. I have tried : Code: onclick= "say_hi();" also.. but still its not getting called when i am clicking the checkbox which it should!!! Yes but if i am writing : Code: onclick= "window.alert("Hi");"
then its getting executed!!!. Whats going on here in my code. Thanks in advance Simply what is wrong with my code. The following code is for a simple slideshow that is supposed to accept a range of images to display. Its for a website where it shows all the store for a company and when you rollover the image of it is plays a slideshow of images. If you have any other way of doing this that would be easier than please post it here. It must work in all browsers. As you can see there are lots of images to me loaded for this Code: <!--
var image1=new Image()
image1.src="contact/images/wingham/01.jpg"
var image2=new Image()
image2.src="contact/images/wingham/02.jpg"
var image3=new Image()
image3.src="contact/images/wingham/03.jpg"
var image4=new Image()
image4.src="contact/images/wingham/04.jpg"
var image5=new Image()
image5.src="contact/images/wingham/05.jpg"
var image6=new Image()
image6.src="contact/images/wingham/06.jpg"
var image7=new Image()
image7.src="contact/images/listowel/01.jpg"
var image8=new Image()
image8.src="contact/images/listowel/02.jpg"
var image9=new Image()
image9.src="contact/images/listowel/03.jpg"
var image10=new Image()
image10.src="contact/images/listowel/04.jpg"
var image11=new Image()
image11.src="contact/images/listowel/05.jpg"
var image12=new Image()
image12.src="contact/images/listowel/06.jpg"
var image13=new Image()
images13.src="contact/images/hanover/01.jpg"
var image14=new Image()
images14.src="contact/images/hanover/02.jpg"
var image15=new Image()
images15.src="contact/images/hanover/03.jpg"
var image16=new Image()
images16.src="contact/images/hanover/04.jpg"
var image17=new Image()
images17.src="contact/images/hanover/05.jpg"
//-->
<!--
//variable that will increment through the images
var step=1
function slideit(start,finish,action){
if(action == 'abort'){
return
}
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<finish){
step++
}
else{
step=start
}
//call function "slideit()" every 2.5 seconds
timer = setTimeout("slideit(start,finish)", 1000);
}
function slideOff() {
document.images.slide.src=eval("image1.src")
clearTimeout(timer);
}
//Called something like this: slideit(1,6)//
Origins? note: it's not really seachable, because if you search javascript foo, or javascript foo origins example javascript just shows up... Im looking at how or what this effect is called i am not even sure if it is javascript i assume it is from looking at the code. But i cant seem to convert it to what i want. So if someone could point me to a more simple version of this code or what the technique is called that would be great. Here is the page. http://www.pizzacapers.com.au/the-me...nature-pizzas/ What i am talking about: You click the pizza and it comes up inside of the border picture on the left side of the page. Thanks I am doing project exercises from a JavaScript book for a college class. I am creating a brand new .html document for each project. I was under the impression that each unique page name would have its very own cookie scope. But to my surprise it seems adding/loading cookies using 'document.cookie' doesn't assign new cookies to each page. I am seeing that when I try to load document.cookie in new .html pages there are cookies that were already created in past pages in the document.cookie property/string. So whats the 'default' scope of a document cookie. Do I have to set the domain property to get unique cookies for each .html page I create? Thanks for the help. Edit: Okay, it seems that cookies have a default scope of the folder your .html page resides in and all sub-folders that your page resides in. I moved my project folder so that it was a sibling of my projects folder and it got its own cookies that way. Hi I've got about 40 check-boxes on my 1 form. These check-boxes all have names (obviously) but they are NOT all unique names. The number of UNIQUE names on my form is probably around 8 or 9 (the actual number is NOT important). Because some check-boxes use the same names as other. It's set up this way, please don't ask me to change it, I can't change it. What's the syntax/method for looping through all the names? I was thinking I should do maybe a "for" loop; Code: for (var i = 0; i < fieldName.length; i++) But I don't know how to hold a variable of the unique names to start with. Can someone help please? What is best for creating a PTC script
Find it really hard to understand these random variable names and what they are doing, can anyone explain what is going on exactly in the bolded parts. I have a rough idea but the 3 arrays confuse me somewhat im sure the random variable names are pointers and counts but id love to hear an expert explain them for sure thanks if you can help or are willing to take the time Title basically says it. I need to get the object that was just clicked, to insert into a JavaScript function. I've tried "function('this')" and similar things, but it doesn't work. I'm sure this is REALLY easy to do, but I don't know it and I have no idea what to search for. Thanks HTML Code: <!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--META TAGS--> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="description" content="The best of the internet all in one place" /> <meta name="keywords" content="Votillity,Homepage,Directory,email,file sharing,financial,games,jobs,language,literature,maps,music,news,politics,pro wrestling,science,shopping,social,networking,sports,travel,tv,movies,videos,calculate,calculator," /> <meta name="author" content="Matthew Chatterton" /> <meta name="google-site-verification" content="iJB8KNduVUeBu7MBY6Jyw7WqxekCCgVgwq_arLQGAZk" /> <meta name="alexaVerifyID" content="vbR_arpXTayIO5B7nHs9BjLOYFE" /> <!--STOP META TAGS--> <!--EXTERNAL FILES--> <link rel="stylesheet" type="text/css" href="css/main.css" /> <link id="altstyle" rel="stylesheet" type="text/css" href="css/main.css" /> <script type="text/javascript" src="main.js"></script> <link rel="shortcut icon" href="http://votillity.com/img/VotillityIcon.ico" /> <link rel="apple-touch-icon" href="http://votillity.com/img/VotillityAppleTouchIcon.png" /> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <!--STOP EXTERNAL FILES--> <title>Votillity.com</title> <!--CSS INTERNAL--> <!--CSS INTERNAL--> <!--JAVASCRIPT INTERNAL--> <!--JAVASCRIPT INTERNAL--> </head> <body onload="startTime()" style="background:#ffffff;"> <button class="buttontabs" style="position:fixed;top:0;left:0;" onclick="function tabs1()">Tab 1</button> <div> <object id="UUS1" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <button class="buttontabs" style="position:fixed;top:0;left:80px;" onclick="function tabs2()">Tab 2</button> <div> <object id="UUS2" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <button class="buttontabs" style="position:fixed;top:0;left:160px;" onclick="function tabs3()">Tab 3</button> <div> <object id="UUS3" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <button class="buttontabs" style="position:fixed;top:0;left:240px;" onclick="function tabs4()">Tab 4</button> <div> <object id="UUS4" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <button class="buttontabs" style="position:fixed;top:0;left:320px;" onclick="function tabs5()">Tab 5</button> <div> <object id="UUS5" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <button class="buttontabs" style="position:fixed;top:0;left:400px;" onclick="function tabs6()">Tab 6</button> <div> <object id="UUS6" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <button class="buttontabs" style="position:fixed;top:0;left:480px;" onclick="function tabs7()">Tab 7</button> <div> <object id="UUS7" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <button class="buttontabs" style="position:fixed;top:0;left:560px;" onclick="function tabs8()">Tab 8</button> <div> <object id="UUS8" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <button class="buttontabs" style="position:fixed;top:0;left:640px;" onclick="function tabs9()">Tab 9</button> <div> <object id="UUS9" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <p class="counter" style="position: fixed; bottom: -18px; right: 3px;"></p> <span class="time" style="position: fixed; top: 0px; right: 5px; font-weight: 900; color: green;" id="time"></span> </body> </html> Javascript Code: function tabs1()
{
var tabs1 = [
{ document.getElementById('UUS2') },
{ document.getElementById('UUS3') },
{ document.getElementById('UUS4') },
{ document.getElementById('UUS5') },
{ document.getElementById('UUS6') },
{ document.getElementById('UUS7') },
{ document.getElementById('UUS8') },
{ document.getElementById('UUS9') }
];
document.tabs1.style.visibility='hidden'
document.getElementById('UUS1').style.visibility="visible"
}
function tabs2()
{
var tabs2 = [
{ document.getElementById('UUS1') },
{ document.getElementById('UUS3') },
{ document.getElementById('UUS4') },
{ document.getElementById('UUS5') },
{ document.getElementById('UUS6') },
{ document.getElementById('UUS7') },
{ document.getElementById('UUS8') },
{ document.getElementById('UUS9') }
];
document.tabs2.style.visibility='hidden'
document.getElementById('UUS2').style.visibility='visible'
}
function tabs3()
{
var tabs3 = [
{ document.getElementById('UUS1') },
{ document.getElementById('UUS2') },
{ document.getElementById('UUS4') },
{ document.getElementById('UUS5') },
{ document.getElementById('UUS6') },
{ document.getElementById('UUS7') },
{ document.getElementById('UUS8') },
{ document.getElementById('UUS9') }
];
document.tabs3.style.visibility='hidden'
document.getElementById('UUS3').style.visibility='visible'
}
function tabs4()
{
var tabs4 = [
{ document.getElementById('UUS1') },
{ document.getElementById('UUS2') },
{ document.getElementById('UUS3') },
{ document.getElementById('UUS5') },
{ document.getElementById('UUS6') },
{ document.getElementById('UUS7') },
{ document.getElementById('UUS8') },
{ document.getElementById('UUS9') }
];
document.tabs4.style.visibility='hidden'
document.getElementById('UUS4').style.visibility='visible'
}
function tabs5()
{
var tabs5 = [
{ document.getElementById('UUS1') },
{ document.getElementById('UUS2') },
{ document.getElementById('UUS3') },
{ document.getElementById('UUS4') },
{ document.getElementById('UUS6') },
{ document.getElementById('UUS7') },
{ document.getElementById('UUS8') },
{ document.getElementById('UUS9') }
];
document.tabs5.style.visibility='hidden'
document.getElementById('UUS5').style.visibility='visible'
}
function tabs6()
{
var tabs6 = [
{ document.getElementById('UUS1') },
{ document.getElementById('UUS2') },
{ document.getElementById('UUS3') },
{ document.getElementById('UUS4') },
{ document.getElementById('UUS5') },
{ document.getElementById('UUS7') },
{ document.getElementById('UUS8') },
{ document.getElementById('UUS9') }
];
document.tabs6.style.visibility='hidden'
document.getElementById('UUS6').style.visibility='visible'
}
function tabs7()
{
var tabs7 = [
{ document.getElementById('UUS1') },
{ document.getElementById('UUS2') },
{ document.getElementById('UUS3') },
{ document.getElementById('UUS4') },
{ document.getElementById('UUS5') },
{ document.getElementById('UUS6') },
{ document.getElementById('UUS8') },
{ document.getElementById('UUS9') }
];
document.tabs7.style.visibility='hidden'
document.getElementById('UUS7').style.visibility='visible'
}
function tabs8()
{
var tabs8 = [
{ document.getElementById('UUS1') },
{ document.getElementById('UUS2') },
{ document.getElementById('UUS3') },
{ document.getElementById('UUS4') },
{ document.getElementById('UUS5') },
{ document.getElementById('UUS6') },
{ document.getElementById('UUS7') },
{ document.getElementById('UUS9') }
];
document.tabs8.style.visibility='hidden'
document.getElementById('UUS8').style.visibility='visible'
}
function tabs9()
{
var tabs9 = [
{ document.getElementById('UUS1') },
{ document.getElementById('UUS2') },
{ document.getElementById('UUS3') },
{ document.getElementById('UUS4') },
{ document.getElementById('UUS5') },
{ document.getElementById('UUS6') },
{ document.getElementById('UUS7') },
{ document.getElementById('UUS8') }
];
document.tabs9.style.visibility='hidden'
document.getElementById('UUS9').style.visibility='visible'
}
when I click on the buttons, nothing pops up I have some inline javascript/jquery that won't function when I move it from inside the body tag. I want to put it into an external file. The proper Jquery library tag is setup and external .js files are linking correctly, Am I missing something in my code? Thanks. I'm trying add the value of multiple text boxes automatically using javascript i revised the code many many times but i cant find an error or maybe im missing something you can find the source code in the link below http://wilson382.info/code.html or just download the file so you can revise and test code easily http://wilson382.info/build.zip what I want to do will work exactly like this: http://wilson382.info/src.html The working code of this script i got it from http://javascriptsource.com/ so credit goes to them thank in advance to anyone who try to help. edit: it works fine now but its not giving me the correct result the correct result is 1076 check it out: http://wilson382.info/build.html The script i'm trying to write consist of asking the user for his name in a form format which is then sent in a cookie. When the user reconnect to the same page, it displays : Hi, "HISNAME", welcome to my site! I don't know what I'm doing wrong, seriously. <!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>Untitled Document</title> <script type="text/javascript"> if ( ! get_cookie ( "username" ) ) { var username = document.write( <form name="name"> <table> <tr> <td valign="top"> Name : </td> <td> <input type="text" name="texte" value=""> </td> <td> <INPUT TYPE="button" NAME="bouton" Value="Click" onClick="testResults(this.form)"> </td> </tr> </table> </form>); if ( username ) { var current_date = new Date; var cookie_year = current_date.getFullYear ( ) + 1; var cookie_month = current_date.getMonth ( ); var cookie_day = current_date.getDate ( ); set_cookie ( "username", username, cookie_year, cookie_month, cookie_day ); } } else { var username = get_cookie ( "username" ); document.write ( "Hi " + username + ", welcome to my website!" ); document.write ( "<br><a href=\"javascript:delete_cookie('username'); document.location.reload ( );\"> Forget about me!</a>" ); } </script> </head> <body> </body> </html> first- i wanted to say (for all those who see it before the Mods remove it) how stupid does a bot have to be to set its spam to be resolved at OP? lol so now my question... I have two divs with some styling. Code: #show{CSS code}
#menuDet1{CSS code and visibility:hidden;}
I then had in html Code: <div id="show" onmouseover="changevis(1)"></div> <div id="me1"></div> and then a function Code: function changevis(index){
acMenuDet="me" + index;
document.getElementById(acMenuDet).visibility="visible";
}
a colleague of mine helped me "debug" this until it worked and we came up with Code: function details_visible(index) {
var acMenuDet = "menuDet" + index;
document.getElementById(acMenuDet).style.visibility = "visible";
;
}
function details_hidden(index) {
var acMenuDet = "menuDet" + index;
document.getElementById(acMenuDet).style.visibility = "hidden";
;
}
Note: also changed code in div to Code: <div id="show" onmouseover="details_visible(1)" onmouseout="details_hidden(1)"> Hover over me</div> <div id="menuDet1" style="visibility: hidden;" >Plesam Plesam Plesam Plesam Plesam</div> I do not see off the bat what I was doing wrong- anyone else see what I did incorrectly? First, I am new to javascript... I've been trying to get help on a dynamic menu but no one ever seems to respond... So I will start with the pieces... I do not understand why this chunk of code is not working... All i have is a div and the script is simply supposed to make the div have a new size... here is the script... Code: <script type="text/javascript">
var stretch = 200;
function Expand(index) {
var dname = "menu" + index;
document.getElementById(dname).style.width = stretch+'px';
}
</script>
here is the styling Code: <style type="text/css">
.show{height:20px; width:100px; display:block; background:lightgreen;}
</style>
and here is the simple html Code: <div id="menu1" class="show" onclick="runExpand(1)"></div> I realy need help what is wrong with the IF Code: <script type="text/javascript">
function Player(name, xStart, yStart){
this.x = xStart;
this.y = yStart;
this.name = name;
this.walk = playerWalk;
this.locate = playerLocate;
}
var urHere = new Player("You",50,50);
function playerWalk(dir){
switch(dir){
case "up": this.y++; break;
case "down": this.y--; break;
case "left": this.x--; break;
case "right": this.x++; break;
default: alert("I don't understand: " + dir);
}
this.locate();
}
if (this.y == 50){
document.write ("<h3>Blob Wins!</h3>");
}
document.write('<a href='+'"'+imagelinks[ry]+'"'+' target="_blank"><img src="'+myimages[ry]+'" border=0 max-height="250" max-width="900"></a>') I've looked over this 100 times and can't figure it out. The image shows up and you can click it. The max height and width isn't working and the image isn't opening in a new tab. Any help? Hello people, I have just started to dabble in Javascript and for my first 'project' i want to display a popup window in the center of the current browser window. I am usng the following script and when testing it using firefox/mozilla it works really well, however when i test it using Internet Explorer it goes a little wonky. here is my script: function doBubblePopUp(myId, moduleId){ var myWidth = 0, myHeight = 0; if( typeof( window.innerWidth ) == 'number' ) { //Non-IE myWidth = window.innerWidth; myHeight = window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { //IE 6+ in 'standards compliant mode' myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { //IE 4 compatible myWidth = document.body.clientWidth; myHeight = document.body.clientHeight; } var centerX = parseInt(myWidth / 2) - 225; var centerY = parseInt(myHeight / 2) - 275; i have looked at lots of tutorial and reference sites and with my limited understanding, the above script should work. any help would be gratefully appreciated, I get the 'Invalid' confirmation but not the 'Valid' one... WHY? It works when I plug in this instead though... if (user.length < 5) Code: <!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Form Validation</title>
</head>
<body>
<script type="text/javascript">
function checkForm()
{
var user = document.getElementById('user').value;
if (user != "turgeon"){
alert("Invalid Username");
return false;
}
else{
return true;
}
}
function checkUser() {
var user = document.getElementById('user').value;
var element = document.getElementById('labelUser');
if(user != "turgeon"){
element.innerHTML = "Invalid Username";
element.style.color = "red";
}
else{
element.innerHTML = "Valid Username";
element.style.color = "green";
}
}
</script>
<form onsubmit="return checkForm();">
<input type="text" id="user" onblur="checkUser();" />
<label id="labelUser"></label>
<input type="submit" value="submit" />
</form>
</body>
</html>
|
|||||||