|
JavaScript - Experts Needed To Debug This Error!
I have a page that is not displayable under Internet Explorer 8.0 (Chrome and Mozilla Firefox works fine), and the error is
Message: 'clickcategoryID' is undefined Line: 50 Char: 2 Code: 0 URI: /includes/javascript/template_functions.js Below is the line from the template_functions.js where it is troubling, can anyone help me correctly identify it. S.O.S! function clickmenuhover() { if(!document.getElementById(clickcategoryID)) return false; ========================================================= function Rollover(imagename, image, over) { if(window.document.images) { if(over) { window.document.images["sdhover" + imagename].src = image; } else { window.document.images["sdhover" + imagename].src = image; } } } function ToggleCommentDiv(elm, hiddenDivName, ShowText, HideText) { var hiddenDiv = document.getElementById(hiddenDivName); if(hiddenDiv.style.display == 'none') { elm.innerHTML = HideText; hiddenDiv.style.display = 'block'; } else { elm.innerHTML = ShowText; hiddenDiv.style.display = 'none'; } } function ViewAllComment(url) { window.open(url, '', 'width=600, height=auto, resizable=yes,scrollbars=yes'); } function addLoadToEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { oldonload(); func(); }; } } function clickmenuhover() { if(!document.getElementById(clickcategoryID)) return false; document.getElementById(clickcategoryID).className = 'categoryclick'; } addLoadToEvent(clickmenuhover); ======================================================== Similar TutorialsIf you're reading this with intent to help- thank's; lol I know the title is terrifying... the explanation is a bit more So first a few constraints/givens: This is an WebApp on a client comp It is on a closed network so I cannot link the page The app is essentially a spaghetti work of code The entire thing is written with javascript (the running joke is it was AJAX before there was AJAX) It is limited to IE7 (gov controlled) Problem: Randomly this fun error started popping up and I am trying to figure out if it is a script error or DB error. Usually when this monstrosity throws a DB error it gives it in a fun little screen (no custom error handling that we know of). The page attempts to "load" (and by load I mean fire another script to "load" another tab) and this little pop-up throws Quote: ["Windows Internet Explorer"] | | | | | | | | | [ OK ] | If you envision that as a little windows message box it would have the title and then inside the box, absolutely no information, it's completely blank save a large yellow ! triangle and an "ok" box. I've looked through and through in the event logs for the machine and have found nothing. What I am trying to figure out is, using developer tools- is there a way to find out if/what script threw the error without setting any breakpoints? Can't really set the break points bc have no clue where to put them and there are around 30 scripts calling more scripts and bouncing back and forth btw scripts. In short, it is a nightmare. Hi, I'm Sam and I'm new to this forum. I have a few question about double combo box. Before I get down on details I have to confess that my knowledge about javascript is almost zer0 so if you're posting any answer please elaborate. I've found this code somewhere online and I'd like to make some changes to this code. I've searched everywhere but couldn't find any answer yet. As you can see in this code, the javascript function can open a page in iframe once the user clicks on "Go". I'd like to know how to add links to the options in the first box so that it can open an iframe by itself, plus loads the next box , so when the user selects an option from the first box, the first box opens a page in iframe then loads the options for the second box. There should be two iframes side by side, the first iframe to open a page for the first box once the user selects the options in the box and the second ifram opens a page for second box once the user clicks on the "go". I just don't know how to add links to the options in the first box. Here's the code: Code: <html>
<head>
</head>
<body>
<form name="doublecombo">
<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>Technology Sites</option>
<option>News Sites</option>
<option>Search Engines</option>
</select>
<select name="stage2" size="1">
<option value="http://cssdrive.com">CSS Drive</option>
<option value="http://www.news.com">News.com</option>
<option value="http://www.wired.com">Wired News</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()">
</p>
<script>
<!--
/*
Double Combo Script Credit
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free JavaScripts here!
*/
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("CSS Drive","http://cssdrive.com")
group[0][1]=new Option("News.com","http://www.news.com")
group[0][2]=new Option("Wired News","http://www.wired.com")
group[1][0]=new Option("CNN","http://www.cnn.com")
group[1][1]=new Option("ABC News","http://www.abcnews.com")
group[2][0]=new Option("Hotbot","http://www.hotbot.com")
group[2][1]=new Option("Infoseek","http://www.infoseek.com")
group[2][2]=new Option("Excite","http://www.excite.com")
group[2][3]=new Option("Lycos","http://www.lycos.com")
var temp=document.doublecombo.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
function go(){
document.getElementById("search").src=temp.options[temp.selectedIndex].value
}
//-->
</script>
</form>
<iframe id="search" name="photos_frame" src="my_photo_page_needs_to_load_into_this_frame.htm" width=800 height=400 marginwidth=0 border=1 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>
</body>
</html>
I'm trying to render 14 same sized images on a webpage using a Javascript, I've used in the past, but now can't seem to get it to work. Getting a Syntax Error. On Page http://www.newenglandonline.net/index.fix.html The ERROR appears to be on the following; line 270: var imageDir = ; [CODE] <script type="text/javascript"> (function() { var rotator = document.getElementById(rotator); var imageDir = ; var delayInSeconds = 3; var images = [Cannon_top.jpg,Mount-Washington-Summer.jpg,Mount-Washington-Winter.jpg,Boston_Charles.jpg,Boston_Harbor.jpg,Boston_Harbor_night.jpg,Zakim Bridge.jpg,Edgartown.jpg,GayHeadLighthouse.jpg,HighlandLight.jpg,Newport.jpg,Bridgeport.jpg,Eastpoin tLight.jpg]; var num = 0; var changeImage = function() { var len = images.length; rotator.src = imageDir + images[num++]; if (num == len) { num = 0; } }; setInterval(changeImage, delayInSeconds * 1000); })(); </script> [CODE] Any help or insight will be greatly appreciated. Thanks in advance. First off, I've been coming to this site over the past few months and it's been really helpful but I never needed help with anything up until now. I can't seem to find why this isn't working. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Days of the Week</title>
</head>
<script type="text/javascript">
<!-- HIDE FROM INCOMPATIBLE BROWSERS
printDays();
// STOP HIDING FROM INCOMPATIBLE BROWSERS -->
</script>
</head>
<body>
<script type="text/javascript">
<!-- HIDE FROM INCOMPATIBLE BROWSERS
function printDays() {
daysOfWeek = new Array(7);
daysOfWeek[0] = "Monday";
daysOfWeek[1] = "Tuesday";
daysOfWeek[2] = "Wednesday";
daysOfWeek[3] = "Thursday";
daysOfWeek[4] = "Friday";
daysOfWeek[5] = "Saturday";
daysOfWeek[6] = "Sunday";
var count = 0;
do {
document.write(daysOfWeek[count] + "<br />");
++count;
} while (count <= 6);
}
// STOP HIDING FROM INCOMPATIBLE BROWSERS -->
</script>
</body>
</html>
If anyone could point me in the right direction of what's wrong it'd really help. the following code is erroring does anyone know why? Code: <SCRIPT language=javascript>
$(document).ready(function() {
$("#catA").show();
$("table").css({ "clear": "left" });
$("img[@src='https://www.mysite.com/logos/bbb_logo.gif']").attr({"src":"http://www.mysite.com/logos/bbb_logo.gif"});
});
function showCat(which) {
$(".cats").hide();
$("#cat" + which).show();
return false;
}
tabsAr = new Array("#product_listing", "#category_listing", "#brand_listing");
function flipTab(which) {
$(tabsAr.join(",")).hide();
$(tabsAr[which]).show();
$("#tabs > li").removeClass("vlnk");
$("#tabs > li:eq(" + which + ")").addClass("vlnk");
}
</SCRIPT>
Code: <html>
<head>
<script type="text/javascript">
function go(){
var namev = document.getElementById("name").value;
var imagev = document.getElementById("image").value;
var idv = document.getElementById("id").value;
var dov = document.getElementById("do").value;
var descv = document.getElementById("desc").value;
var varnv = document.getElementById("varn").value;
document.getElementById("outcome").innerHTML = "var" + varnv + "= new Image();" + "<br/>" + varnv + ".src =" + imagev + ";" + "<br/>" + "<br/>" + "function pickup" + namev + "(){" + "<br/>" ;
goa();
}
function goa(){
document.getElementById("data").innerHTML += "if (document.getElementById("is1n").innerHTML == ""){"; + "<br/>" + "document.getElementById("is1i").src =" + imagev + "<br/>" + "document.getElementById("is1n").innerHTML =" + namev + "document.getElementById("is1d").innerHTML = " + dov + ";";
}
</script>
-->
</head>
Name<input type="text" value="a" id="name" />must have ""
<br/>
SRC<input type="text" value="a" id="image" />must have "" at each side
<br/>
ID<input type="text" value="a" id="id" />""
<br/>
DO<input type="text" value="a" id="do" /> ""
<br/>
DESC<input type="text" value="a" id="desc" />
<br/>
VAR<input type="text" value="a" id="varn" />
<input type="button" onclick="go();" value="create"/>
<br/>
<div id="outcome" CONTENTEDITABLE ></div>
<br/>
<div id="data" CONTENTEDITABLE ></div>
</body>
</html>
It does not seem to write the function goa i used firebug and all it gives me is missing ; before statement what am i doing wrong? also can I add another http post to validate the credit card Code: function validateregister() {
// alert("here");
var frm=document.forms['register'];
var mobilenumber=frm.mobilenumber;
http.abort();
http.open("GET", "validatemobile.asp?mobile=" + mobilenumber, true);
// alert("here");
http.onreadystatechange=function() {
if(http.readyState == 4) {
var myresult = http.responseText;
}
}
http.send(null);
if(frm.mobilenumber.value==""){
alert("Please Enter your Mobile Number")
return false;
}
if (myresult!="Valid"){
alert(myresult);
return false;
}
if(frm.pin.value==""){
alert("Please Enter your Pin")
return false;
}
return true;
}
what can be wrong with the below instead of calling the javascript function it is going to the homepage Code: <a href=# onClick="updatecart('2051')" class="button">Update</a>
Can I debugge Javascript code to see which values take my variables? If so, How can I do it. thanks so much Ok i'm not sure if this should go here or in the CSS/HTML section as i don't even know where the "conflict" comes from... Here's two almost identical pages: http://www.pirate-punk.net/bugtest.php http://www.pirate-punk.net/index.php?page=bugtest2 With Firefox or Opera it works perfectly. But with Internet explorer (i tryed with IE8) the top menu will be displayed correctly only in bugtest.php page it's not working in the other page and the bug is on my WHOLE site There's also another mysterious bug that always appear on the same time, my donation button image is supposed to be at the bottom right corner of the screen, but when the menu finally works the donation button won't work.... It probably has a link with the other bug Also, one of the checkbox labels is disseapearing... it is really weird because on both page, it is the exact same header file that is included Anyway, i don't care about that donation button or the checkbox, but i really need to fix the menu and i've been messing with it for hours and hours. if someone can help me with this i will be forever grateful !! thanks a lot I've got this code below, it seems ok, but sometimes, the multiplication does not work..i don't know why... pls help me..thanks btw, this is my 1st javascript "application", so, im really new into this thanks in advance for any help 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>My First JavaScript Application</title>
<style type="text/css">
td
{
text-align:center
}
table
{
background:#660033
}
body
{
background-color:#666;
text-wrap:supress;
}
h1
{
color:#FFFFFF;
}
.ex
{
background-color:#99F;
color:#660000;
font:Verdana, Geneva, sans-serif;
font-size:20px;
text-align:right;
}
.ec
{
background-color:#CCC;
color:#660033;
font:Arial, Helvetica, sans-serif;
font-size:18px;
}
</style>
<script type="text/javascript">
var num1 = 0;
var ope = 0;
var num2 = 0;
var ek = 0
function addOnScr1()
{
document.getElementById("neg").disabled=true;
if((ek!=0))
{
document.getElementById("nums").value = "";
ek = 0;
}
var txt = document.getElementById("nums").value;
txt = txt+1;
document.getElementById("nums").value = txt;
}
function addOnScr2()
{
document.getElementById("neg").disabled=true;
if((ek!=0))
{
document.getElementById("nums").value = "";
ek = 0;
}
var txt = document.getElementById("nums").value;
txt = txt+2;
document.getElementById("nums").value = txt;
}
function addOnScr3()
{
document.getElementById("neg").disabled=true;
if((ek!=0))
{
document.getElementById("nums").value = "";
ek = 0;
}
var txt = document.getElementById("nums").value;
txt = txt+3;
document.getElementById("nums").value = txt;
}
function addOnScr4()
{
document.getElementById("neg").disabled=true;
if((ek!=0))
{
document.getElementById("nums").value = "";
ek = 0;
}
var txt = document.getElementById("nums").value;
txt = txt+4;
document.getElementById("nums").value = txt;
}
function addOnScr5()
{
document.getElementById("neg").disabled=true;
if((ek!=0))
{
document.getElementById("nums").value = "";
ek = 0;
}
var txt = document.getElementById("nums").value;
txt = txt+5;
document.getElementById("nums").value = txt;
}
function addOnScr6()
{
document.getElementById("neg").disabled=true;
if((ek!=0))
{
document.getElementById("nums").value = "";
ek = 0;
}
var txt = document.getElementById("nums").value;
txt = txt+6;
document.getElementById("nums").value = txt;
}
function addOnScr7()
{
document.getElementById("neg").disabled=true;
if((ek!=0))
{
document.getElementById("nums").value = "";
ek = 0;
}
var txt = document.getElementById("nums").value;
txt = txt+7;
document.getElementById("nums").value = txt;
}
function addOnScr8()
{
document.getElementById("neg").disabled=true;
if((ek!=0))
{
document.getElementById("nums").value = "";
ek = 0;
}
var txt = document.getElementById("nums").value;
txt = txt+8;
document.getElementById("nums").value = txt;
}
function addOnScr9()
{
document.getElementById("neg").disabled=true;
if((ek!=0))
{
document.getElementById("nums").value = "";
ek = 0;
}
var txt = document.getElementById("nums").value;
txt = txt+9;
document.getElementById("nums").value = txt;
}
function addOnScr0()
{
document.getElementById("neg").disabled=true;
if((ek!=0))
{
document.getElementById("nums").value = "";
ek = 0;
}
var txt = document.getElementById("nums").value;
txt = txt+0;
document.getElementById("nums").value = txt;
}
function addOnScrp()
{
document.getElementById("neg").disabled=true;
document.getElementById("point").disabled=true;
if((ek!=0))
{
document.getElementById("nums").value = "";
ek = 0;
}
var txt = document.getElementById("nums").value;
txt = txt+".";
document.getElementById("nums").value = txt;
}
function addOnScrn()
{
var txt = document.getElementById("nums").value;
txt = txt+"-";
document.getElementById("nums").value = txt;
}
function add()
{
document.getElementById("neg").disabled=false;
document.getElementById("point").disabled=false;
ek=1;
if(num1==0)
{
num1 = parseFloat(document.getElementById("nums").value);
}
else
{
ent();
}
ope = 1;
}
function diff()
{
document.getElementById("neg").disabled=false;
document.getElementById("point").disabled=false;
ek=1;
if(num1==0)
{
num1 = parseFloat(document.getElementById("nums").value);
}
else
{
ent();
}
ope = 2;
}
function prod()
{
document.getElementById("neg").disabled=false;
document.getElementById("point").disabled=false;
ek=1;
if(num1==0)
{
num1 = parseFloat(document.getElementById("nums").value);
}
else
{
ent();
}
ope = 3;
}
function quo()
{
document.getElementById("neg").disabled=false;
document.getElementById("point").disabled=false;
ek=1;
if(num1==0)
{
num1 = parseFloat(document.getElementById("nums").value);
}
else
{
ent();
}
ope = 4;
}
function clr()
{
num1 = 0;
num2 = 0;
ope = 0;
document.getElementById("nums").value = "";
document.getElementById("neg").disabled=false;
document.getElementById("point").disabled=false;
ek = 0;
}
function ent()
{
ek = 1;
var ans;
num2 = parseFloat(document.getElementById("nums").value);
switch(ope)
{
case 1:
ans = num1 + num2;
document.getElementById("nums").value = ans;
num1 = ans;
break;
case 2:
ans = num1 - num2;
document.getElementById("nums").value = ans;
num1 = ans;
break;
case 3:
ans = num1 * num2;
document.getElementById("nums").value = ans;
num1 = ans;
break;
case 4:
ans = num1 / num2;
document.getElementById("nums").value = ans;
num1 = ans;
break;
default:
document.getElementById("nums").value = "???";
}
}
function enterz()
{
document.getElementById("neg").disabled=false;
document.getElementById("point").disabled=false;
ek = 1;
var ans;
num2 = parseFloat(document.getElementById("nums").value);
switch(ope)
{
case 1:
ans = num1 + num2;
document.getElementById("nums").value = ans;
num1 = 0;
break;
case 2:
ans = num1 - num2;
document.getElementById("nums").value = ans;
num1 = 0;
break;
case 3:
ans = num1 * num2;
document.getElementById("nums").value = ans;
num1 = 0;
break;
case 4:
ans = num1 / num2;
document.getElementById("nums").value = ans;
num1 = 0;
break;
default:
document.getElementById("nums").value = "???";
}
}
</script>
</head>
<body><center>
<form><h1>
Calculator</h1>
<table border="0">
<tr><th colspan="4"><input type="text" class = "ex" id = "nums" name = "nums" /></th></tr>
<tr><td><button type="button" class = "ec" onclick="addOnScr1()">1</button></td>
<td><button type="button" class = "ec" onclick="addOnScr2()">2</button></td>
<td><button type="button" class = "ec" onclick="addOnScr3()">3</button></td>
<td><button type="button" class = "ec" onclick="add()">+</button></td>
</tr>
<tr><td><button type="button" class = "ec" onclick="addOnScr4()">4</button></td>
<td><button type="button" class = "ec" onclick="addOnScr5()">5</button></td>
<td><button type="button" class = "ec" onclick="addOnScr6()">6</button></td>
<td><button type="button" class = "ec" onclick="diff()">--</button></td></tr>
<tr><td><button type="button" class = "ec" onclick="addOnScr7()">7</button></td>
<td><button type="button" class = "ec" onclick="addOnScr8()">8</button></td>
<td><button type="button" class = "ec" onclick="addOnScr9()">9</button></td>
<td><button type="button" class = "ec" onclick="prod()">*</button></td></tr>
<tr><td><button type="button" class = "ec" id="neg" onclick="addOnScrn()">-</button></td>
<td><button type="button" class = "ec" onclick="addOnScr0()">0</button></td>
<td><button type="button" class = "ec" id="point" onclick="addOnScrp()">.</button></td>
<td><button type="button" class = "ec" onclick="quo()">/</button></td></tr>
<tr><td></td> <td><button type="button" class = "ec" onclick="enterz()">=</button></td>
<td><button type="button" class = "ec" onclick="clr()">C</button></td><td> </td></tr>
</form>
</body>
</html>
So I'm fairly new to HTML/CSS/Javascript and coding in general and I'm having a helluva a time decoding this. I've looked it over many times, and for many minutes but I really have to break down and look for help now. It must be a stupid error somewhere but nonetheless. I think it's pretty straightforward what it's supposed to do. Code: <html>
<head>
<script type="text/javascript">
function findCost() {
var copies = document.getElementById("copyNum").value;
if (copies<500)
{
var cost = copies * 0.25;
}
else if (copies>499 && <750)
{
var cost = copies * 0.22;
}
else if (copies>749 && <1000)
{
var cost = copies * 0.20;
}
else
{
var cost = copies * 0.18;
}
document.getElementById("totalcost").innerHTML = "The cost to print " + copies + "copies is $" + cost.toFixed(2);
}
</script>
</head>
<body>
<h2>Printing Place</h2>
<p>The Printing Place has different printing prices based on the number of copies to be printed:</p>
<ul>
<li>a. 0 - 499 copies = $0.25 per copy</li>
<li>b. 500 - 749 copies = $0.22 per copy</li>
<li>c. 750 - 999 copies = $0.20 per copy</li>
<li>d. 1000 copies or more = $0.18 per copy</li>
</ul>
Enter the number of copies you would like:<br />
<input type="text" id="copyNum">
<input type="button" value="Calculate Cost" onClick="findCost()">
<p id="totalcost"></p>
</body>
</html>
Here is my html page, it just stays on the third image and will not change! Will someone debug the javascript for me please. Thanks Code: <html>
<head>
<title>Slideshow</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
<script type="text/javascript">
if (document.images)
{
preload_image_object = new Image();
// set image url
image_url = new Array();
image_url[0] = "/images/chef1.jpg";
image_url[1] = "/images/chef2.jpg";
image_url[2] = "/images/chef3.jpg";
image_url[3] = "/images/chef4.jpg";
var i = 0;
for(i=0; i<=3; i++)
preload_image_object.src = image_url[i];
}
</SCRIPT>
<style type="text/css">
#slideshow_container{
width: 500px;
height: 360px;
margin: 10px auto;
overflow: hidden;
}
#slideshow_container div{
width: 500px;
height: 360px;
position: absolute;
</style>
</head>
<body onLoad="changeImage();">
<div id="slideshow_container">
<div id="counter">
4
</div>
<div class="behind">
<img src="images/chef1.jpg" />
</div>
<div class="infront">
</div>
</div>
</body>
</html>
Code: strapplicantid=document.getElementById('applicantid').value;
$.get("spt.asp"+ '?id=' + strapplicantid + '&rnde='+ Math.round(Math.random() * 10000), function(data){
alert("Data Loaded: " + data);
});
alert("here");
why is the alert("here") happenign before the alert dataloaded. I want to be albe to load the html into the variable data and then use that variable. How is this possible to do? I just started a job doing classic asp and only have experiance with asp.net and no java scrpt How can i debug javascript in classic asp pages? i have no clue so If you know, please give baby steps that are idiot proof Thanks~ my code is below what i want this to do is take the x_cityid and add it to teh hidden field with the id of citiesid (I will do an ajax call before this but my simple javascript is not working) what am i doing wrong? function addtocitylist() { var x_cityid = document.getElementById('x_cityid'); var x_areaid = document.getElementById('x_areaid'); var scitiesid=document.getElementById('citiesid'); var areasid = document.getElementById('areasid'); if (!scitiesid) { scitiesid.value = x_cityid; } else { scitiesid.value = scitiesid + ',' + x_cityid; } scitiesid.value = scitiesid ; alert(scitiesid); } Hello I am relatively new to java script. The code I have behaves differently when I debug it and when I just run is straight. There are three functions that one another in a particular sequence. When I debug it they get called in the correct sequence but otherwise they get called in a constant but random pattern. I know I am missing basic understanding of javascript Can some body help please. Thanks in advance Output when I open the page in a browser without debug. Code: Firebug's log limit has been reached. 0 entries not shown. Preferences
readJSON2
There are no child objects
inside parseJSON:
There are no child objects
GET http://10.208.137.92/js/v1/External/JSON/sample.json
GET http://10.208.137.92/js/v1/External/JSON/sample.json
304 Not Modified
64ms
jquery-1.6.2.js (line 7869)
readJSON1
alerts
[Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}]
Console Output when I debug Code: Firebug's log limit has been reached. 0 entries not shown. Preferences
Firebug's log limit has been reached. 0 entries not shown. Preferences
GET http://10.208.137.92/js/v1/External/JSON/sample.json
GET http://10.208.137.92/js/v1/External/JSON/sample.json
304 Not Modified
111ms
jquery-1.6.2.js (line 7869)
readJSON1
alerts
[Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}]
readJSON2
alerts
[Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}]
inside parseJSON:
alerts
[Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}, Object { alertPartnerDefinedInfos=[1], name="100 S.Ct. 1", more...}]
Javascript code Code: function populateSearchResults(alert){
var listOfAlertsDiv = document.getElementById('listOfAlertsDiv');
//var x = document.getElementById('rowTable').insertRow(0);
//TODO: Replace the above code to remove Table declaration in above HTML. Instead use JQuery scrollbar and populate scroll area with the content below.
// Create a new table. Add a row to it and then add the below cell to it.
//TODO: Create a div
// Create a table
// Add the above created div to div1
var rowDiv = document.createElement('div');
rowDiv.className="scroll-content-item";
var rowContentTable = document.createElement('table');
rowContentTable.width="100%";
rowContentTable.border="0";
rowContentTable.cellpadding="0";
rowContentTable.cellspacing="0";
rowContentTable.summary="Row Content Table";
var rowContentTableFirstRow = rowContentTable.insertRow(0);
var checkBoxCell = rowContentTableFirstRow.insertCell(0);
checkBoxCell.width = "1%";
//x.valign = "top"
//var checkBoxCell = x.insertCell(0);
//checkBoxCell.width = "1%";
var checkBox = document.createElement('input');
checkBox.type = "checkbox";
checkBox.name = "checbox";
checkBox.value = "true";
checkBoxCell.appendChild(checkBox);
var contentCell = rowContentTableFirstRow.insertCell(1);
contentCell.width = "99%";
var contentTable = document.createElement('table');
contentTable.style.border = '1';
contentTable.cellPadding = '0';
contentTable.cellSpacing = '0';
contentTable.width = "100%"
var titleRow = contentTable.insertRow(0);
var titleCell = titleRow.insertCell(0);
titleCell.width = "70%";
titleCell.id = "alertTile"
var title = document.createElement('a');
title.href = "http://www.google.com";
title.id = "AlertResultNameLink";
titleText = document.createTextNode(alert.name);
title.appendChild(titleText);
titleCell.appendChild(title);
var moveToFolderCell = titleRow.insertCell(1);
moveToFolderCell.width = "5%";
moveToFolderCell.id = "moveToFolder";
var moveToFolderCellImage = document.createElement('img');
moveToFolderCellImage.alt = "Move To Folder";
//TODO: Change the hardcoding of the image location to symbolic links
moveToFolderCellImage.src = "/js/v1/Alerts/images/co_documentFooterArrowFirst_inactive.png"
moveToFolderCellImage.border = 0;
moveToFolderCellImage.className = "moveToFolder";
moveToFolderCell.appendChild(moveToFolderCellImage);
var editAlertCell = titleRow.insertCell(2);
editAlertCell.width = "10%";
var editAlertButton = document.createElement('a');
editAlertButton.href = "http://www.google.com";
editAlertButton.className = "EditAlertButton";
var editAlertButtonImage = document.createElement('img');
editAlertButtonImage.alt = "Edit Alert";
//TODO: Change the hardcoding of the image location to symbolic links
editAlertButtonImage.src = "/js/v1/Alerts/images/co_overlayBox_closebutton.png";
editAlertButtonImage.border = 0;
editAlertButtonImage.className = "EditAlert";
editAlertButton.appendChild(editAlertButtonImage);
var editAlertButtonText = document.createTextNode(' Edit Alert ');
editAlertButton.appendChild(editAlertButtonText);
//editAlertButton.innerHTML = " Edit Alert "
editAlertCell.appendChild(editAlertButton);
var alertMetaDataRow = contentTable.insertRow(1);
var alertMetaDataCell = alertMetaDataRow.insertCell(0);
var alertMetaDataTable = document.createElement('table');
alertMetaDataTable.width = "100%"
var alertMetaDataTableRow = alertMetaDataTable.insertRow(0);
alertMetaDataTableRow.width = "100%"
var lastUpdateCell = alertMetaDataTableRow.insertCell(0);
lastUpdateCell.width = "25%"
//var lastUpdateCellText = document.createTextNode("Last Update:");
var lastUpdateCellText = document.createTextNode("Last Update: " +alert.lastRunDate);
lastUpdateCell.appendChild(lastUpdateCellText);
var nextUpdateCell = alertMetaDataTableRow.insertCell(1);
nextUpdateCell.width = "25%"
var nextUpdateCellText = document.createTextNode("Next Update:");
nextUpdateCell.appendChild(nextUpdateCellText);
var clientIdCell = alertMetaDataTableRow.insertCell(2);
clientIdCell.width = "50%"
var clientIdCellText = document.createTextNode("Client ID: ")
clientIdCell.appendChild(clientIdCellText);
alertMetaDataCell.appendChild(alertMetaDataTable);
var descriptionRow = contentTable.insertRow(2);
var descriptionCell = descriptionRow.insertCell(0);
var descriptionTitle = document.createTextNode("Description: ");
descriptionCell.appendChild(descriptionTitle);
var activeDeliveryRow = contentTable.insertRow(3);
var activeDeliveryCell = activeDeliveryRow.insertCell(0);
var activeDeliveryTitle = document.createTextNode("Active Delivery");
activeDeliveryCell.appendChild(activeDeliveryTitle);
var rss1 = document.createElement('img');
rss1.style.border = "0";
rss1.src = "images/rssIcon.png";
rss1.hspace = "4";
activeDeliveryCell.appendChild(rss1);
var rss2 = document.createElement('img');
rss2.style.border = "0";
rss2.src = "images/rssIcon.png";
rss2.hspace = "4";
activeDeliveryCell.appendChild(rss2);
var rss3 = document.createElement('img');
rss3.style.border = "0";
rss3.src = "images/rssIcon.png";
rss3.hspace = "4";
activeDeliveryCell.appendChild(rss3);
var rss4 = document.createElement('img');
rss4.style.border = "0";
rss4.src = "images/rssIcon.png";
rss4.hspace = "4";
activeDeliveryCell.appendChild(rss4);
contentCell.appendChild(contentTable);
rowDiv.appendChild(rowContentTable);
listOfAlertsDiv.appendChild(rowDiv);
contentCell.appendChild(document.createElement('br'));
contentCell.appendChild(document.createElement('hr'));
contentCell.appendChild(document.createElement('br'));
}
function readJSON(){
var json = "";
//$(document).ready(function(){
$.getJSON("/js/v1/External/JSON/sample.json", function(data){
json = data;
console.log("readJSON1");
console.dir(data);
});
//});
console.log("readJSON2");
console.dir(json);
return json;
}
function parseJSON(){
var alerts = [];
var json = readJSON();
console.log("inside parseJSON:");
console.dir(json);
//TODO: Check if JSON is not null.
for(var i in json.alerts){
var createdDate = new Date(json.alerts[i].createdDate);
var alert = new Cobalt.Alerts.DataTypes.Alert();
var AlertPartnerDefinedInfos = [];
alert.name = json.alerts[i].name;
alert.lastRunDate = $.format.date(new Date(json.alerts[i].lastRunDate),"MM/dd/yyyy hh:mma");
alerts.push(alert);
}
//console.log("fillRows: " +alerts.length);
return alerts;
}
$(document).ready(fillRows=function(){
var alerts = parseJSON();
//console.log("fillRows: " +alerts.length);
for(i=0;i<alerts.length;i++){
var alert = alerts[i];
populateSearchResults(alert);
}
});
(just started JS 2 weeks ago) -- this is also my first time posting here, if my post isnt following the proper template let me know and Ill fix it .. Thanks so much for taking the time to check this out in advance Im trying to make the first ul tag in the each slideMenus[] array index values have a position of left = 0px I keep recieving this error however ____________________________________________________ Error: slideMenus[i].getElementsByTagName("ul").style is undefined Line: 63 ------------------------------------------------------------------ the script in question is in [code]. Could someone tell me if I am just making a syntax error if not ill try redoing the whole thing. window.onload = makeMenus var currentSlide = null var timeID = null leftPos = 0 function makeMenus(){ var slideMenus = new Array() var allElems = document.getElementsByTagName("*") var slideListArr = new Array() for(var i=0 ; i < allElems.length ; i++){ if(allElems[i].className = "slideMenu") slideMenus.push(allElems[i]) } for(var i=0 ; i < slideMenus.length ; i++){ slideMenus[i].onclick = showSlide; Code: slideMenus[i].getElementsByTagName("ul")[0].style.left = "0px";
} document.getElementById("head").onClick = closeSlide document.getElementById("main").onClick = closeSlide } function showSlide(){ var slideList = this.getElementsByTagName("ul")[0] // mess with this if((currentSlide != null) && (currentSlide.id == slideList.id)) {closeSlide()} else{ closeSlide(); var currentSlide = slideList; currentSlide.style.display = "block"; timeID = setInterval('moveSlide()', 1); } } function closeSlide(){ if(currentSlide){ clearInterval(timeID); currentSlide.style.left = "0px" currentSlide.style.display = "none"; var currentSlide = null } } function moveSlide(){ var leftPos = leftPos + 5; if(leftPos <= 220) {currentSlide.style.left = leftPos + "px"} else{ clearInterval(timeID); var leftPos = 0} } Hi everyone, Im have a problem here with having a mouseover hilight effect on my table. Can anyone help ? Im not great at js. PHP Code: if($i%2 == 0){$rcolor='#313131';}else{$rcolor='#212121';} $sql=mysql_query("SELECT * FROM ranks_memberxp WHERE xp <=$mem[points] ORDER BY xp DESC LIMIT 1"); $rank=mysql_fetch_assoc($sql); $sql=mysql_query("SELECT color FROM member_groups WHERE id=$mem[gid]"); $mem_color=mysql_result($sql,0); $out[body].=" <tr style='background-color:$rcolor' height='24' > <td valign='center' width='2%' align='center' background='$config[cellbgx]'><font color='white' size='3'> $i "; if($xp2[xperience_lastupdate] >= $xp2[xperience]){ $arrowicon=$out[body].="<img src='./images/rank_up.gif' border='0'>"; } else if($xp2[xperience_lastupdate] <= $xp2[xperience]){ $arrowicon=$out[body].="<img src='./images/rank_down.gif' border='0'>"; } else{ $arrowicon=""; } $out[body].=" </font></td> <td valign='center' width='7%' align='center'><img src='./images/flags/{$mem[country]}_small.gif' border='0' /></td> <td valign='center' width='7%' align='left' background='$config[cellbgx]'><a href='./profile.php?account=$mem[id]'><b><span style='color:$mem_color' size='3'>$mem[name]</span></b></a></td> <td valign='center' width='7%' align='center' background='$config[cellbgx]'><img src='$rank[image]' height='15px' width='15px' title='$rank[name]'/></td> <td valign='center' width='7%' align='center'>$pmerleague $pmerforum</td> <td valign='center' width='7%' align='center'><a href='aim:goim?screenname=$mem[aim]&message=Hello, are you there?'><img border='0' align='absmiddle' src='http://360IcoNs.com/images/aim.gif'></a></td> <td class='tag' valign='center' width='19%' background='http://www.360icons.com/theme/dark-grunge/images/box.png' style=' padding-left:130px;' align='center'>$mem[xbl]</td> <td valign='center' width='7%' align='center'><b>$mem[points]</b></td> <td valign='center' width='8%' align='center'>$online</td> <td valign='center' width='8%' align='center'>$mem[Joined]</td> </tr></text>"; CAN SOMEONE TRY EDIT THAT TO GET IT TO WORK ? I just cant get it.... |
|||||||