|
JavaScript - Js Fails In Ie
Here is the PHP:
PHP Code: <?php if (($totalRows_getDie = mysql_num_rows($getDie)) != NULL) { echo "Die Category: <select name='DieCatId' class='dropMenu' id='DieCatId' onchange='jobDieChange(this.value)'> <option value='NULL'></option>"; do { echo "<option value='".$row_dieCatList['DieCatID']."'"; if (!(strcmp($row_dieCatList['DieCatID'], $row_getDie['DieCatID']))) {echo "selected=\"selected\"";} echo ">".$row_dieCatList['DieCatDesc']."</option>"; } while ($row_dieCatList = mysql_fetch_assoc($dieCatList)); $rows = mysql_num_rows($dieCatList); if($rows > 0) { mysql_data_seek($dieCatList, 0); $row_dieCatList = mysql_fetch_assoc($dieCatList); } echo "</select> <a href='popup.php?getpage=dieins' onclick='window.open(this.href, 'popupwindow', 'width=770,height=675,scrollbars,resizable'); return false;'>Add Die</a><br />"; echo "Die: <select name='DieID' class='dropMenu' id='DieID'>"; if ($totalRows_getDie != 0) { echo "<option value='".$row_getDie['DieID']."'>".$row_getDie['DieDesc']."</option>"; } echo "</select><br />"; echo "<input type='hidden' name='DiecutID' value='".$row_getDie['DiecutID']."' />"; } ?> And the JS: Code: var xmlhttpJDie;
function jobDieChange(str)
{
xmlhttpJDie=GetXmlHttpObject();
if (xmlhttpJDie==null)
{
alert ("Browser does not support HTTP Request");
return;
}
var url="/scripts/jobdie.php";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlhttpJDie.onreadystatechange=JobDieGet;
xmlhttpJDie.open("GET",url,true);
xmlhttpJDie.send(null);
}
function JobDieGet()
{
if (xmlhttpJDie.readyState==4)
{
document.getElementById("DieID").innerHTML=xmlhttpJDie.responseText;
}
}
In all browsers except IE, it works fine, but IE gets a Script error and won't update the second select. I've gone over this so many times I'm cross eyed! If someone could please help me figure out why IE doesn't like this I would appreciate it. Thank you! Similar TutorialsThis is the code part that fails it's if check. Code: while (n<=30)
{
var slot='#slot'+n;
$( slot ).data({no: n, id: itemId[i], name: itemName[i], equip: itemEquip[i], lvl: itemLvl[i], bonus: itemBonus[i], rstr: itemRStr[i], rdef: itemRDef[i]});
$( slot ).draggable({ handle: slot, stack: slot, revert: "invalid", snap: "div#"+itemEquip[i], snapMode: 'inner',
start: function(event, ui)
{
$('div#'+$(this).data('equip')).css({'border': '2px dashed #0066CC', 'background': 'rgba(255,255,255,0.2)'})
.droppable
({
drop: function(event, ui)
{
if (pLvl>=$('.ui-draggable-dragging').data('lvl') && pStr>=$('.ui-draggable-dragging').data('rstr'))
{
alert(pLvl+", "+$('.ui-draggable-dragging').data('lvl'));
$('.ui-draggable-dragging').css({'display':'none'});
$('div#'+$('.ui-draggable-dragging').data('equip')).html
(
"<img src='items/equipped/"+$('.ui-draggable-dragging').data('name')+$('.ui-draggable-dragging').data('id')+".png' />"
)
$.ajax({type:"GET", url:"items/change.php", data:"id="+$('.ui-draggable-dragging').data('id')+"&no="+$('.ui-draggable-dragging').data('no'), cache:false, timeout:5000,
error: function() {
$('div.nogood').html
(
"There was an error. Please inform us about it in the forum."
).css({'width':'400px','margin-left':'-200px'});
$( 'div.nogood' ).fadeIn(500, away);
function away()
{
$( 'div.nogood' ).delay(2000).fadeOut(500);
};
}
});
}
else
{
alert("HUh");
$( 'div.nogood' ).fadeIn(500, away).css({'width':'400px','margin-left':'-200px'});;
$('.ui-draggable-dragging').draggable({revert: true});
if (pLvl<$('.ui-draggable-dragging').data('lvl'))
{
alert("Good");
}
else if (pStr<$('.ui-draggable-dragging').data('rstr'))
{
$('div.nogood').html("Not enough strength.")
}
function away()
{
$( 'div.nogood' ).delay(1400).fadeOut(500);
};
}
}
});
},
stop: function(event, ui)
{
$('div#'+$(this).data('equip')).css({'border':'none', 'background':'transparent'}).droppable("destroy");
}
});
n++;
i++;
}
This if comparison if (pLvl>=$('.ui-draggable-dragging').data('lvl') && pStr>=$('.ui-draggable-dragging').data('rstr')) somehow goes through. After the if statement I check the values with the alert but it displays 5 for pLvl and 10 for the draggables data (which are the correct numbers) so can anyone tell me why does this if statement still go through when pLvl is lower? I have a form that is used to insert a new classified ad or to update an existing ad. When the submit button is pressed a javascript function is called to validate the fields. Some of the fields are set as required. If the field is empty ( as form[i].value = '' ) then this sets an error flag and after all fields have been tested will display an alert and each field that has an error will be highlighted in red. This works great when a new ad is being created, but when the ad is being updated, and a required field is erased then it doesn't popup as an error, as if the script is just ignoring it. Here is the code snipit: Code: function submitbutton(mfrm) {
var me = mfrm.elements;
var r = new RegExp("[\<|\>|\"|\'|\%|\;|\(|\)|\&|\+|\-]", "i");
var r_num = new RegExp("[^0-9\.,]", "i");
var r_email = new RegExp("^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]{2,}[.][a-zA-Z]{2,3}$" ,"i");
var errorMSG = '';
var iserror=0;
// set notification background color
var warnColor = '#<?php echo $this->error_color; ?>';
// loop through all input elements in form
for (var i=0; i < me.length; i++) {
// check if element is mandatory; here mosReq="1"
if ((me[i].getAttribute('mosReq') == 1)&&(me[i].style.visibility != 'hidden')) {
if (me[i].type == 'radio' || me[i].type == 'checkbox') {
var rOptions = me[me[i].getAttribute('name')];
var rChecked = 0;
if(rOptions.length > 1) {
for (var r=0; r < rOptions.length; r++) {
if (rOptions[r].checked) {
rChecked=1;
}
}
} else {
if (me[i].checked) {
rChecked=1;
}
}
if(rChecked==0) {
errorMSG += me[i].getAttribute('mosLabel').replace(' ',' ') + ' : <?php echo html_entity_decode(addslashes(JText::_('COM_CLASSIFIEDSREDUX_REGWARN_ERROR')),ENT_QUOTES); ?>\n';
// notify user by changing background color, in this case to red
me[i].style.background = warnColor;
iserror=1;
}
}
if ((me[i].value == '') || (me[i].value.length < 2)) {
errorMSG += me[i].getAttribute('mosLabel').replace(' ',' ') + ' : <?php echo html_entity_decode(addslashes(JText::_('COM_CLASSIFIEDSREDUX_REGWARN_ERROR')),ENT_QUOTES); ?>\n';
me[i].style.background = warnColor;
iserror=1;
}
}
}
if(iserror==1) {
alert(errorMSG);
return false;
}
}
So, I know there are lots of threads out there about the jQuery validation plugin and people having issues with IE7, but most of them come down to syntax issues with a closing comma or what not. With that said, I have milled over this code of least a full day now and still have no idea why it fails in IE (all versions) http://jsfiddle.net/rM3ej/4/ Can anyone give me some ideas or insight why this would completely fail? Thanks in advanced. i cant get collission detection to work. i tryed but it always caused an infinite loop. heres the code. Code: <html>
<!-- main file.-->
<head>
<title>lightning generator</title>
</head>
<body>
<canvas id='world' width='500' height='500' style='border: 1px solid black; padding:0;'></canvas>
<script type="text/javascript" src='world.js'></script>
<script type='text/javascript' src='eC.js'></script>
<script type='text/javascript' src='world.ground.js'></script>
<script type='text/javascript'>
world.bolt = {
}
;
world.bolt.paths = [];
// main obj inits
world.bolt.draw = function(){
var x, y;
for( var id = 0; id <= world.bolt.draw.num; id ++ ){
world.ctx.moveTo( world.bolt.paths[id].x[world.bolt.paths[id].x.length-1], world.bolt.paths[id].y[world.bolt.paths[id].y.length-1] );
var mdx=Math.floor(Math.random()*world.bolt.paths[id].mdx);
x = world.bolt.paths[id].x[world.bolt.paths[id].iters] + ((Math.random()<Math.random())?mdx:-mdx);
y = ++ world.bolt.paths[id].iters;
world.bolt.paths[id].x.push( x );
world.bolt.paths[id].y.push( y );
world.ctx.strokeStyle = world.bolt.paths[id].color;
world.ctx.lineTo( x, y );
world.ctx.stroke();
//world.ctx.beginPath();
} if(x%3==0){ world.ctx.fillStyle=world.skyColor;
world.ctx.fillRect(0,0,world.w,world.h);}
}
world.bolt.draw.num=-1;
world.bolt.cpath = function( x, y, mdx, srate, id, color ){
world.bolt.paths[id] = {
}
;
world.bolt.paths[id].iters = 0;
world.bolt.paths[id].x = [];
world.bolt.paths[id].y = [];
world.bolt.paths[id].x[0] = x;
world.bolt.paths[id].y[0] = y;
world.bolt.paths[id].mdx = mdx;
world.bolt.paths[id].srate = srate;
world.bolt.paths[id].color = color;
world.bolt.draw.num += 1;
}
world.bolt.cpath(250,0, 5,5,0,'rgba(255,255,150,.5)');
window.setInterval(world.bolt.draw,100)
window.setTimeout('world.bolt.cpath(125,0,5,5,1,"rgba(255,10,0,.5)")',1000);
</script>
</body>
</html>
Code: //world.js
var world = {
skyColor:'rgba(0,0,100,.009)'
}
;
world.canvas = document.getElementById( 'world' )
world.canvas.cstyle = document.defaultView.getComputedStyle( world.canvas, null )
world.w = parseInt( world.canvas.cstyle.width, 10 );
world.h = parseInt( world.canvas.cstyle.height, 10 );
world.ctx = world.canvas.getContext( '2d' );
finally, Code: // world.ground.js
world.ground = {
}
;
world.ground.level = [];
world.ground.make = function( GArray, length ){
world.ctx.strokeStyle = '#000000';
world.ground.level = [];
world.ctx.fillStyle = '#FFF';
world.ctx.fillRect( 0, 0, world.w, world.h );
world.ground.level = GArray;
for ( world.ground.make.i = 0; world.ground.make.i <= length; world.ground.make.i ++ ){
if ( GArray[world.ground.make.i + 1] === undefined ){
GArray[world.ground.make.i + 1] = GArray[world.ground.make.i];
}
world.ctx.moveTo( world.ground.make.i, ( world.h ) );
world.ctx.lineTo( world.ground.make.i, ( world.h - GArray[world.ground.make.i] ) );
}
world.ctx.stroke();
world.ctx.beginPath();
}
;
world.ground.create = function( func, width ){
func = ec( func );
if( func === false ){
alert( 'Pass equation as a string without the "y=", "f(x)=", "g(x)=" or similar.' );
return world;
}
if( func == 'perspicaciousness' ){
return world;
}
var temp = [];
for( var x = 0; x <= width; x ++ ){
temp[x] = eval( func );
}
world.ground.make( temp, width );
}
;
world.ground.create.test='4';
world.ground.create( world.ground.create.test, 500 );
in the end of world.bolt.cpath,there should be a way to use the local varis X and Y, and world.ground.js's world.ground.level[] to detect it. sorry for the gigantic length. thanks in advanced. the jsnerd I have a form that passes values to a next step. It has two sub divs that show depending on what's selected from the dropdowns in the top two divs. I'm trying to keep the selected sub divs open if the user hits previous step. The divs stay open in FF but not in IE. Any ideas? dropdowns Code: <table border="0" cellspacing="0" cellpadding="2">
<tr valign="top">
<td align="right">Morning:</td>
<td><select name="wcsave_10_msession" id="wcsave_10_msession" size="1" onblur="CheckField(this.form,this,'');" onchange="display1(this,'Concurrent sessions 1-6');">
<option value="" selected="selected">Choose one</option>
<option value="Mastery session 1 - Computer Lab: Searching Essentials"> <strong>Mastery session 1</strong> - Computer Lab: Searching Essentials</option>
<option value="Concurrent sessions 1-6">Concurrent sessions 1-6</option>
</select>
</td>
</tr>
<tr valign="top">
<td> </td>
<td>
<div id="Concurrent sessions 1-6" style="display: none;">
<table class="special">
<tr valign="top">
<td>Choose a session for each time slot.<br />
(9:15 a.m. - 10:15 a.m.)<br /><select name="wcsave_10_session_mconc1" id="wcsave_10_session_mconc1">
<option value="" selected="selected">Choose one</option>
<option value="Concurrent session 1 - IRB 101 for Research Nurses">Concurrent session 1 - IRB 101 for Research Nurses</option>
<option value="Concurrent session 2 - A Research Poster Contest as a Tool to Learn About Research/EBP">Concurrent session 2 - A Research Poster Contest as a Tool to Learn About Research/EBP</option>
<option value="Concurrent session 3 - Beginning the EBP Journey: Evaluating and Synthesizing the Literature">Concurrent session 3 - Beginning the EBP Journey: Evaluating and Synthesizing the Literature</option>
</select>
</td>
</tr>
<tr valign="top">
<td>(10:30 a.m. - 11:30 a.m.)<br /><select name="wcsave_10_session_mconc2" id="wcsave_10_session_mconc2">
<option value="" selected="selected">Choose one</option>
<option value="Concurrent session 4 - Making Sense of Statistics When Reading Research">Concurrent session 4 - Making Sense of Statistics When Reading Research</option>
<option value="Concurrent session 5 - Original Research Presentations">Concurrent session 5 - <em>Original Research Presentations</em></option>
<option value="Concurrent session 6 - IRB Considerations with Vulnerable Populations">Concurrent session 6 - IRB Considerations with Vulnerable Populations</option>
</select>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr valign="top">
<td colspan="2"> </td>
</tr>
<tr valign="top">
<td align="right">Afternoon:</td>
<td><select name="wcsave_10_asession" id="wcsave_10_asession" size="1" onblur="CheckField(this.form,this,'');" onchange="display2(this,'Concurrent sessions 7-12');"><!--showDiv(this.value)-->
<option value="" selected="selected">Choose one</option>
<option value="Mastery session 2 - Beyond the Basics of Searching!"><strong>Mastery session 2</strong> - Beyond the Basics of Searching!</option>
<option value="Concurrent sessions 7-12">Concurrent sessions 7-12</option>
</select>
</td>
</tr>
<tr valign="top">
<td> </td>
<td>
<div id="Concurrent sessions 7-12" class="hiddenDiv">
<table class="special">
<tr valign="top">
<td>Choose a session for each time slot.<br />
(1:45 p.m. - 2:45 p.m.)<br /><select name="wcsave_10_session_aconc1" id="wcsave_10_session_aconc1">
<option value="" selected="selected">Choose one</option>
<option value="" selected="selected">Choose one</option>
<option value="Concurrent session 7 - EBP Protocols">Concurrent session 7 - EBP Protocols</option>
<option value="Concurrent session 8 - Writing for Publication">Concurrent session 8 - Writing for Publication</option>
<option value="Concurrent session 9 - Original Research Presentations">Concurrent session 9 - Original Research Presentations</option>
</select>
</td>
</tr>
<tr valign="top">
<td>(3:00 p.m. - 4:00 p.m.)<br /><select name="wcsave_10_session_aconc2" id="wcsave_10_session_aconc2">
<option value="" selected="selected">Choose one</option>
<option value="Concurrent session 10 - Writing a Research Question Using PICO">Concurrent session 10 - Writing a Research Question Using PICO</option>
<option value="Concurrent session 11 - EBP Project Presentations">Concurrent session 11 - EBP Project Presentations</option>
<option value="Concurrent session 12 - The Role of the Research Facilitator">Concurrent session 12 - The Role of the Research Facilitators</option>
</select>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
javascript: Code: var lastDiv = "";
function showDiv(divName) {
var items = document.getElementById('wc_addItem_ADV');
var form = document.getElementById('webcredit');
var total = document.getElementById('Total');
var amount = document.getElementById('amount');
// set checkboxes to 0
for (var i = 0; i < form.elements.length; i++ ) {
if (form.elements[i].type == 'checkbox') {
form.elements[i].checked = false;
document.getElementById(form.elements[i].id).value = "0";
}
}
total.value = '';
amount.value= '';
// hide last div
if (lastDiv) {document.getElementById(lastDiv).className = "hiddenDiv";}
//if value of the box is not nothing and an object with that name exists, then change the class
if (divName && document.getElementById(divName)) { document.getElementById(divName).className = "visibleDiv"; lastDiv = divName;
}
}
function showInitialDiv() {
var selBox = document.getElementById('wcsave_10_session_mconc1');
if (selBox == undefined || selBox == null)
return;
var val = selBox.options[selBox.selectedIndex].value;
if (val == null || val == '')
return;
showDiv(val);
}
I only call one of the sub div ID's but it seems to work in FF with no errors. Everything is called with: Code: <body onload="showInitialDiv();"> I have a function called onload that includes this: Code: window.onload=new function(){
...
if (menuletter!=false){
document.cookie="hddrv="+(menuletter)+"; path=/; expires="+exp.toGMTString();
document.enterIndex.src='enter2.gif';
// window.setTimeout("goIndex()",7000);
// return false;
}
...
}
<img border="0" name="enterIndex" src="enter1.gif" width="413" height="41">
If I uncomment the two lines and comment the document image swap line, they execute perfectly, so the routine works. But if I try to do the image swap instead of the two commented lines, it doesn't swap. Of course, the image enter1.gif and enter2.gif exist. What am I doing wrong? I cant figure out why this doesnt work - Firefox says: Error: document.getElementById("test") is null Source File: file:///Users/briantoovey/test.html Line: 10 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>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Rotating Quotes</title>
</head>
<body>
<script type="text/javascript">
document.getElementById("test").innerHTML = 'eat it';
</script>
<div id="test"></div>
</body>
</html>
http://edison.seattlecentral.edu/~dw.../testform2.htm http://edison.seattlecentral.edu/~dw...ude/util-dw.js Could someone check js and tell me how I can get the form to validate it hangs up on password. Hi, does 'focus' method show a 'stable' result? i call this method on a node -- if this one is not absolutely positioned -- it seems nothing happens so ① does this method only apply to absolutely positioned element? also, in FF, aNode.focus() has no effect whereas in IE document will scroll until that node is visible if the node is partially invisible at the bottom. ②is this a bug in FF? here is the code Code: <div style="position:absolute; left:50px; top: 700px" onclick="this.focus();"> yepsfagadgre<br />agefderdsf<br />agefderdsf<br />agefderdsf</div> scroll the document until the text is half-visible at the bottom. click on it -- in IE it will scroll up while in FF nothing happens besides, if it is not absolutely positioned, nothing happens either~~~ thx in advance On my site I'm using an external (big) javascript file, in this external file there is a function with the following line in it: Code:
function showslide(){
return(currentSlide);
}
In my main html file the external javascript file is loaded within the head section. This external file does a lot of other stuff besides returning a number. Now here is my problem.. Somewhere in my html file I need to call the showslide function. I tried doing that with this: Code: <script language ="Javascript" src="upload/3weg_slider.js"> document.write(showslide()); </script> But it doesn't return anything, when I place an alert line within the function it doesn't show up either. What am I doing wrong here? Greetings. I am using an image galery script written by another person - frogjs (http://www.puidokas.com/portfolio/frogjs/) This script is showing current pic in the middle of the screen and next/previous little tumbnails on right/left sides of the current. When you click the next pic, current pic is zoomed out to the left and next pic is zoomed in to the middle, then replaced by a full-size pic. Then a new tumbnail appears on the place of the next pic you clicked. Zooming and stuff is done with another thirdparty script "effects" (script.aculo.us effects.js v1.7.0) My problem is, the actual next tumbnail is not being shown until the big image is preloaded for this thumbnail. This is done to make it look smooth. So, when i click "next" picture, the next picture is shown, but switching to the following one is delayed until that following one is actually loaded. It is done by making an imgpreloader=Image() object and setting imgpreloader.onload to a function, then setting imgpreloader.src to the big image path. The big image then is supposed to be automatically loaded by browser. When its done, an onload event should fire and that should execute the function that shows the thumbnail for the big picure. Problem is, sometimes the onload event won't happen! And since it wont happen, my gallery will "stall" - it will never show next thumbnail and never allow to continue viewing. And if i show next thumbnail immediately, the next picture would be shown partially and that does not look good. Moreover, i've seen numerous image galeries on numerous sites and all of them seem to work with onload because i only see the image when its loaded, until that i see some "wait" or "grey screen" thing. Never had a problem with those stalling. Problem happens mostly with Opera and Chrome and happens seldom with IE. So, question is, do you probably know what can prevent browsers from firing and OnLoad event or from loading a picture when its suppied as an src for an Image() object? Do you know a workaround that can "poke" the browser to remind it to get the damn picture again and not to stall. Im trying to do a vertical movment of banner to follow the to scrolling screen <script type="text/javascript"> var ban = document.getElementById("left_ads"); var scrn = document.getElementById("bodyinfo"); if (ban.style.top < scrn.offsetTop) { ban.style.top += 1; } if (ban.style.top > scrn.offsetTop) { ban.style.top -= 1; } </script> whe <div Id="left_ads"></div> <body ID="bodyinf"> and in stylesheet: #left_ads{ position: absolute; top: 0px; } but the veriables ban and scrn dont get the value and they are bull so all this fails. using IE+5 Whats wrong plz 10X Tal This code is a bit full on, but it works in IE. I am not suspecting the document.write part, but can anyone tell me why this code fails in Firefox? I think it might be the focus parts in red. Is it not right for FF? Code: function Flash1(tickerstring){
var speedText='<html><head><title>Flashcards - Speed 1</title><script>var sTickString="'+tickerstring+'"</script><script src="flasher(AC).js" language="JavaScript1.2"></script><script>var timeOutVal=300;</script></head> <body onLoad="self.focus()" onBlur="self.focus()"> <a href="javascript:parent.window.focus();top.window.close()"><p align="right"><font face="Arial" color="#808080" size="1"> <i>Close Window</i> </font><p></a><hr><div id=\"bottom_section\"> <\/div>';
function NewWindow(mypage,myname,w,h){
LeftPosition=(screen.width)?(screen.width-w)/2:100;
TopPosition=(screen.height)?(screen.height-h)/2:100;
settings='height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars=no,menubar=no,toolbar=no,directories=no,location=no,resizable=no,status=yes';
win=window.open(mypage,myname,settings);
win.document.write(speedText);
win.document.close();
if(win.focus){win.focus();}
win.refresh;
}
NewWindow('popup.html','flashcards','620','140');
}
Hello, I have the following code that, among other things, should validate US telephone numbers with format: "(800) 800-8000" with hyphen, parenthesis and spaces optional. The regexp is: /^\(?(\d{3})\)?[- ]?(\d{3})[- ]?(\d{4})$/ My main problem is that it validates also numbers like 800 or 800000000000000 etc. The code works perfectly on test pages but not on my website. Something similar happens also for the zipcode. Can someone please tell me what could be wrong? Thanks! Code: (function($){
$.fn.ax_validate = function(f){
stopAnim(); // just too much otherwise
//console.log(typeof f + ', id = ' + f.id);
var n, el, err = [], msg = [],
fmats = {
'email': /^[\w\.\-]+\x40[\w\.\-]+\.\w{2,4}$/,
'phone': /^\(?(\d{3})\)?[- ]?(\d{3})[- ]?(\d{4})$/,
'zip': /^\d{5}(-\d{4})?$|[ABCEGHJKLMNPRSTVXY]\d[A-Z] \d[A-Z]\d/
};
$('input[type=text],textarea').each(function(i){
$(this).val( $.trim($(this).val()) );
});
$('label.req').each(function(i){
n = $(this).attr('for');
el = $('input[name=' + n + ']');
if (typeof fmats[n] != 'undefined' && !el.val().match(fmats[n])) {
err.push(n);
msg.push($(this).text() + ((el.val() == '') ? '' : ' (invalid format)'));
$(this).animate({color: '#A60'}, 1000);
} else if (el.val() == '') {
err.push(n);
msg.push($(this).text());
$(this).animate({color: '#A00'}, 1000);
} else {
$(this).css('color', '#0f4068');
}
});
if (err.length == 0) {
//alert('All ok!');
//f.submit();
return true;
}
alert('<b>Please fix the following required fields:</b><br /><br />' + msg.join('<br />'));
//$('input[name=' + err[0] + ']').focus();
return false;
};
})(jQuery);
I used the js function httpRequest to activate php files.However, when I use it in a loop, it works only for the last loop, can anyone help me with this? I had two files:try.php and try1.php /******try.php******/ <script type='text/javascript'> function httpRequest(reqType,url,asynch,respHandle){ if(window.XMLHttpRequest){ request = new XMLHttpRequest(); } else if(window.ActiveXObject){ request = new ActiveXObject("Msxml2.XMLHTTP"); if(! request){ request = new ActiveXObject("Microsoft.XMLHTTP"); } } if(request){ if(reqType.toLowerCase() != "post") { initReq(reqType,url,asynch,respHandle); } else { var args = arguments[4]; if(args != null && args.length > 0) { initReq(reqType,url,asynch,respHandle,args); } } } else { alert("your brower doesn't support this request！"); } } function initReq(reqType,url,bool,respHandle){ try{ request.onreadystatechange =respHandle; request.open(reqType,url,bool); if(reqType.toLowerCase () == "post"){ request.setRequestHeader("Content-Type","application/x-www-form-unlencoded;charset=UTF-8"); request.send(arguments[4]); } else { request.send(null); } } catch ( errv ){ alert("cann't connect to server" + "error message: " + errv.message); } } </script> <script type='text/javascript'> var numarr; function updateStatus(num){ var _url='try1.php?id='+num; httpRequest('GET',_url,true,changeDisplay); } function changeDisplay(){ numarr=request.responseText; document.getElementById('id_'+numarr).innerHTML='changeDisplay'; } </script> <?php $num=array(0,1,2,3,4,5); foreach($num as $value){ ?> <div id='id_<?php echo $value;?>'> this is <?php echo $value;?>; </div> <script type='text/javascript'> updateStatus('<?php echo $value; ?>'); </script> <?php }?> /***try1.php***/ <?php echo $_GET['id']; /************/ the result is: /***result***/ this is 0; this is 1; this is 2; this is 3; this is 4; changeDisplay However, the expected result is: changeDisplay changeDisplay changeDisplay changeDisplay changeDisplay changeDisplay Image of the output: http://i.imgur.com/jqzhJxb.png What I'm trying to do, is pass an object by reference so that I can use it in other scripts, and allow the current script to change the object's value when appropriate. What's happening: It passes correctly, you can see that my var_dump of the object before the function call is 30. After the function call, it becomes 60. Also, it writes "now60" to the document as instructed. When I call the function the second time, it does nothing. No error, no repeat of writing now60 to the document, etc. And in the last var_dump, which is after the second function call - you can see that the value remained 60. Why? Thanks for your help! Code: PHP Code: var quickChallengeTimer = {timer:30}; var quickChallengeQuestion; var quickChallengeAnswer; var quickChallengeResponse; function quickChallenge(quickChallengeTimerfunc, quickChallengeQuestion, quickChallengeAnswer) { if (typeof quickChallengeResponse == 'undefined') { switch (quickChallengeTimerfunc.timer) { case 30: quickChallengeTimerfunc.timer = 60; quickChallengeResponse = 'undefined'; document.write("now60"); break; case 60: quickChallengeTimerfunc.timer = 120; quickChallengeResponse = 'undefined'; document.write("now120"); break; default: document.write("Error"); break; } } console.dir(quickChallengeTimerfunc.timer); } var_dump(quickChallengeTimer); quickChallenge(quickChallengeTimer); var_dump(quickChallengeTimer); quickChallenge(quickChallengeTimer); var_dump(quickChallengeTimer); So I am trying to hide content and show it when selected with a select box. The first select box works fine no problems. However I added a second one with two options, and it will not work at all. If I use the same name it messes up, and if I make a new name, it does nothing at all. ShowNext function is the new one I added that doesn't work. PHP Code: <script type="text/javascript"> function ShowReg(op) { document.getElementById('public').style.display='none'; document.getElementById('alliance').style.display='none'; switch (op) { case 1 : document.getElementById('public').style.display="block"; break; case 2 : document.getElementById('alliance').style.display="block"; break; default : break; } } function ShowNext(op) { document.getElementById('randomwin').style.display='none'; document.getElementById('setentry').style.display='none'; document.getElementById('highestlevel').style.display='none'; document.getElementById('question').style.display='none'; switch (op) { case 1 : document.getElementById('randomwin').style.display="block"; break; case 2 : document.getElementById('setentry').style.display="block"; break; case 3 : document.getElementById('highestlevel').style.display="block"; break; case 4 : document.getElementById('question').style.display="block"; break; default : break; } } </script> PHP Code: <tr><td><b>Privacy:</b></td><td> <select name="privacy" id="choice" onChange="ShowReg(this.selectedIndex)"> <option value="error">Select One</option> <option value="public">Public</option> <option value="alliance">Alliance Only</option> </select> </td></tr></table><br /> <div id="public" style="display:none"> <p><b>Contest will be made Public for all players to use.</b> </div> <div id="alliance" style="display:none"> <p><b>Contest will be made available to only alliance members.</b> </div> <tr><td><b>Type:</b></td><td> <select name="contype" id="choice" onChange="ShowNext(this.selectedIndex)"> <option value="error">Select One</option> <option value="randomwin">Random Draw</option> <option value="setentry">Marked Entry</option> <option value="highestlevel">Highest Level</option> <option value="question">Answer Question</option> </select></td></tr></table><br /> <div id="randomwin" style="display:none"> <p>Random draw selected </div> <div id="winner" style="display:none"> <p>Select Entry number to auto win: <select name="entrypick"> <option value="5">Entry 5</option> <option value="6">Entry 6</option> <option value="7">Entry 7</option> <option value="8">Entry 8</option> <option value="9">Entry 9</option> <option value="10">Entry 10</option> <option value="11">Entry 11</option> <option value="12">Entry 12</option> <option value="13">Entry 13</option> <option value="14">Entry 14</option> <option value="15">Entry 15</option> <option value="16">Entry 16</option> <option value="17">Entry 17</option> <option value="18">Entry 18</option> <option value="19">Entry 19</option> <option value="20">Entry 20</option> <option value="21">Entry 21</option> <option value="22">Entry 22</option> <option value="23">Entry 23</option> <option value="24">Entry 24</option> <option value="25">Entry 25</option> <option value="26">Entry 26</option> <option value="27">Entry 27</option> <option value="28">Entry 28</option> <option value="29">Entry 29</option> <option value="30">Entry 30</option> </select> </div> Ok, so I'm working on a What-You-See-Is-What-You-Get editor, and it works flawlessly - with standards. I'm trying to work out bugs it has with IE, this one is particularly tricky: When the page loads, the editor should be inialized, and the inner HTML of the body of the iframe should set to specified text. This seems to work fine in standards-compliant browsers - Webkit, Firefox. But nothing is written to the body when when the page loads in IE, here's the gist of the code for reference: Code: function loadText(){
document.getElementById("edit").contentWindow.document.body.innerHTML = "predefined text";
}
window.onload = loadText;
The oddest part, is if I come from a new page to the editor in IE, the text doesn't appear. But when I refresh in IE, the text appears for a split second and disappears. Any help on this matter is greatly appreciated! i'm working with a javascript on a drupal website, but the saving function seems to work only as soon as i click 2 times on the "save" button. the code that fires the function is: Code: var param ="&usuario="+usuario+"&nivel="+nivel+gano+porc_gano+gasto+porc_gasto+tengo+porc_tengo+debo+porc_debo+plazo_debo;
var s = document.createElement("script");
s.type = "text/javascript"; s.async = true;
s.src = direccion_servidor +"setMisDatos?callback=respuestaGuardarMisDatos¶m="+encodeURIComponent(param);
h = document.getElementsByTagName("script")[0];
h.parentNode.insertBefore(s, h);
i got the parentNode.insertBefore code from google (the same they use in google analitycs), but still i get error (specifically when he has to do the parentNode.insertBefore part (earlier it was only appendChild, but used to give me the same kind of error. Are the spaces a problem in this sense? Or there might be a better solution? because if i click the second time it enters the setMisDatos function and then works 100%. This is really driving me crazy, can anybody help me? |
|||||||