JavaScript - (code Included)javascript And Ie Conflicts. Parent/child Node Conflicts.

Ok my lab6 at

http://opentech.durhamcollege.ca/~in...rittains/labs/

is conflicting with my interface as it is php...

is there a better way for me to do this that will allow it to not conflict?

PHP Code:
<?php $title = "Lab6"; include "head.php"; ?>

<style type="text/css">

table, td, th {

 border: 1px solid red;

}

</style>

<?php
    
function convert($i)
{
    $CtoF= 9.0/5.0*$i + 32;
    return $CtoF;
}

?>


<td>
<?php

$error = "";
$result = "";

if($_SERVER["REQUEST_METHOD"] == "GET") {

    $start = "";
    $stop = "";
    $increment = "";
    
}
else if($_SERVER["REQUEST_METHOD"] == "POST") {

    $start = trim($_POST["startTemp"]);
    $stop = trim($_POST["stopTemp"]);
    $increment = trim($_POST["incrementTemp"]);

    if(!isset($start) || $start == "") {
        $error .= "<br/>Please enter number to declare a starting value.";
    }
    else if(!is_numeric($start)) {
        $error .= "<br/>The value entered <b>MUST</b> be a number, you entered: " . $start;
        $start = "";
    }
    
    if(!isset($stop) || $stop == "") {
        $error .= "<br/>Please enter number to declare a ending value.";
    }
    else if(!is_numeric($stop)){
        $error .= "<br/>The value entered <b>MUST</b> be a number, you entered: " . $stop;
        $stop = "";
    }

    if(!isset($increment) || $increment == "") {
        $error .= "<br/>Please enter number to declare a increment value.";
    }
    else if(!is_numeric($increment)){
        $error .= "<br/>The value entered <u>MUST</u> be a number, you entered: " . $increment;
        $increment = "";
    }

if($error == "") { 
        
    $result .= "<table class='phpTable'>";
    $result .= "<tr><th>Celsius</th>";
    $result .= "<th>Fahrenheit</th></tr>";

for ($i = $start; $i <= $stop; $i += $increment) {
    $result .= "<tr><td>" . $i;
    $result .= "&deg;</td><td>";
    $result .= convert($i);
    $result .= "&deg;</td></tr>";
}
$result .= "</table>";

}
else {

    $error .= "<br/>Please Try Again";
        
}
    
}



?>

<script type="text/javascript">

/*var error = "<?php echo $error; ?>";
document.getElementById('error').innerHTML = error;
var result = "<?php echo $result; ?>";
document.getElementById('result').innerHTML = result;*/

</script>

<h2 id="error"><?php echo $error; ?></h2>

<form action="<?php echo $_SERVER['PHP_SELF'];  ?>" method="POST" >
    Starting Temperatu  <input type="text" name="startTemp" value="<?php echo $start; ?>" size="5"/>
    <br/>
    Stop Temperatu  <input type="text" name="stopTemp" value="<?php echo $stop; ?>" size="5"/>
    <br/>
    Temperature Increment: <input type="text" name="incrementTemp" value="<?php echo $increment; ?>" size="5"/>
    <br/>
    <input type="submit" name="submit" value="Submit"/>
</form>

<h2 id="result"><?php echo $result; ?></h2>

<?php include "foot.php"; ?>

The assignment was supposed to be done in PHP. But I want to know if there is a better way either way. Like can I use AJAX instead of PHP to do that? or change the way the PHP works... something anything...

Hello. I just added this javascript/css dropdown menu to my site (download came from here). Everything seemed to be going fine until I started to test it on other pages.

It seems to be running into some sort of conflict on certain pages, but I have no idea why or how. All I can tell is that the page loads differently (it shows basically an un-styled site, then it loads) and that's when the conflict occurs. In short, the menu shows up about 50px below where it should, rendering it impossible to use.

I don't care how it looks in IE. The only browser that is showing it correctly is Opera.

Any help would be greatly appreciated. I have no idea. :/

http://www.surrealtwilight.com

You'll have to login with "Reviewer" password "testingme" to see the layout I've been working on. Menu works fine on the index page and some other pages, but not for the website pages like st_rules.php and stuff like that. :/

Any help will be greatly appreciated. I love how it looks, and I'm super bummed it's doing this.

This is probably stupid on my part so, I apologize in advance.

I created a simple script/function that generates a popup window when you click on a link. The function writes the html code for a media player (the URL for which is passed to the function) depending on what link is clicked, and then creates a text link "Close" below the player. I've put the code below...

BUT! Here's what's happening. I tested it on both Firefox and Google Chrome. (I could swear it was working on both once upon a time...but now just isn't...) In Chrome, the player is visible but the close link is not. In Firefox, the player is not visible(but you can find where it's at and pause/resume and etc.) The close link is visible. The audio file plays on both browsers. The window is supposed to have a black background, which is does in Firefox but for some reason it's blue in Chrome? (Minor issue..I know...)

Quote:
function pop(url)
{
var generator=window.open('','name','height=200,width=400,status=1');
generator.document.write('<html><head><title>Popup</title>');
generator.document.write('</head><body style="color:white;" bgcolor="#000">');
generator.document.write('<object width="300" height="200"><param name="src" value="' + url + '"><param name="autoplay" value="false"><param name="controller" value="true"><param name="bgcolor" value="#CCCCCC"><embed src="' + url + '" autostart="true" loop="false" width="300" height="200" controller="true" bgcolor="#CCCCCC"></embed></object>');
generator.document.write('<p><a style="color:white;" href="javascript:self.close()">Close</a> the popup.</p>');
generator.document.write('</body></html>');
generator.document.close();
}
I can give you the URL for the thing so you can see it in action...
http://thetabbfamily.com/cdpages/lifeisgood.php
Scroll down 'Purchase Individuals' and click on one of the songs...

I have a few hundred popups that I am trying to change to a "lightbox" style solution:

Code:

<!DOCTYPE html>
<html>

<head>
<title>Test 1</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script src="../../js/jquery.colorbox-min.js"></script>
<link rel="stylesheet" href="../../css/colorbox5.css" media="screen">
<script src="../../js/ssm.js" type="text/javascript"></script>
<script src="../../js/ssmitems3a.js" type="text/javascript"></script>
<link rel="stylesheet" href="../../css/ssmitems.css" type="text/css">

<script>
$(document).ready(function(){
$("a[rel='tip']").colorbox();
});
</script>
</head>

</script>
<body>
<a rel="tip" href="tip1(AC)2.html"><img border="0" src="../../img/tipani1.gif" width="50" height="74"></a>
</body>

</html>

The new colorbox popup solution works well, but in some browsers - notably IE - it conflicts with the SIDE MENU routine I use.

I think the menu is old code, but it works.

However, to get the new "lightbox-style" popup to work in IE, I have to include <!DOCTYPE html>.

In the other browsers, omitting the declaration apparently solves the conflict problem (but I feel it ought to be there).

I really don't know what to do. Tinker with the side menu code?

Here is a demo with the <!DOCTYPE html> declaration:

http://www.aapress.com.au/ieltsonlin...conflict1.html

...and without it:

http://www.aapress.com.au/ieltsonlin...conflict2.html

I have tried with a full declaration but it makes no difference at all. And further reading online suggests <!DOCTYPE html> is OK.

Does anyone spot a reason for the conflict?

I'm beginner, and there is a task in exam to change inner content of the second child node. Can't get, please help or maybe link to an article how to do it, because I can't find anything in my study book;

edit: is this correct?

function SetUpTranslation() {
var phrases = document.getElementsByTagName('p');
for (var i=0; i < p.attributes.length; i++){
phrases.secondNode.innerHTML=french[i];
element.onclick=swapFE(phrases.secondNode);
element.onmouseup=swapFE(phrases.secondNode);
}
}

Hey, guys, my first post here on the forums, I hope this is the right place.

This technically uses Javascript + PHP + XML, but the problem is more based on Javascript than the other two. That, and there are 380 people viewing Javascript and 8 people viewing XML, I decided to take the path of lesser resistance.

Also, the code I used, I'm sure there are a million shortcuts that could be used. So if you can give me suggestions, I would Love to hear them because I'm still learning Javascript + PHP + XML and would be very grateful to learn how I could be more efficient

What I'm creating is a Form that takes variables from an XML for users to fill out. Users can choose between products, and then when the product is clicked, it loads the options from an Array within the XML so... The question is

Products Load from an Array
Options Load from the chosen Products?

I'm thinking this can be done two ways. Maybe a separate XML can be used for Options but then how would I link each one for each product? Or, can I load the Options in the same XML for each Product and load an array for each Product's Options?

---

Later on, I need to figure out how to create a new element for each form the User fills out. IE
They finish filling out the options and volume for 20 GI JOES. So it should save those Variables and the User Filled Variables. And then allow you to fill out a new product. Appending to the last form filled out IE

20 GI JOES [Color Red] [Eating Pizza] [Wearing Cowsuits]
12 BARBIES [Color Blue] [Eating Sushi] [Wearing Bearsuits]

But I'll do my own reearch for that before I start asking here on how to do that

---

This is my Code so far, some of you will recognize it from W3 Schools

---

Code:

JS
oldTextAry = new Array();
var xmlDoc;
if (window.XMLHttpRequest)  {
	xmlDoc=new window.XMLHttpRequest();
	xmlDoc.open("GET","data.xml",false);
	xmlDoc.send("");
	xmlDoc=xmlDoc.responseXML;
	}
else if (ActiveXObject("Microsoft.XMLDOM"))  {
	xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
	xmlDoc.async=false;  xmlDoc.load("data.xml");
	}
var x=xmlDoc.getElementsByTagName("PR");i=0;
var y=xmlDoc.getElementsByTagName("OPTION");j=0;
var z=xmlDoc.getElementsByTagName("OPT");k=0;
var enl;

Above Code, calls on data.xml in the same folder. It then creates an array from the XML for <PR> <OPTION> and <OPT>. In the XML. It's...

Code:

XML
<PRODUCT>
	<PR>
		<TITLE>Title goes here</TITLE>
		<IMG>jpg html for image goes here</IMG>
		<ENL>jpg html for high res image goes here</ENL>
		<LINK>a link if needed</LINK>
		<INFO>more info if needed</INFO>
		<OPTION>
			<OPT>hearts</OPT>
			<OPT>stars</OPT>
			<OPT>horseshoes</OPT>
			<OPT>clovers</OPT>
			<OPT>balloons</OPT>
		</OPTION>
	</PR>
	<PR>
		<TITLE>Title goes here</TITLE>
		<IMG>jpg html for image goes here</IMG>
		<ENL>jpg html for high res image goes here</ENL>
		<LINK>a link if needed</LINK>
		<INFO>more info if needed</INFO>
		<OPTION>
			<OPT>hearts</OPT>
			<OPT>stars</OPT>
			<OPT>horseshoes</OPT>
			<OPT>clovers</OPT>
			<OPT>balloons</OPT>
		</OPTION>
	</PR></PRODUCT>

The OPT is what I want to load as an array. How could I do that?
So continuing with the JS code...

Code:

function productnext(){if (i<x.length-5)  {  i++;  productline();return false;    }}
function productprevious(){if (i>0)  {  i--;  productline();return false;  }}

function productline(){
ttl1=(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
ttl2=(x[i+1].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
ttl3=(x[i+2].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
ttl4=(x[i+3].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
ttl5=(x[i+4].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
img1=(x[i].getElementsByTagName("IMG")[0].childNodes[0].nodeValue);
img2=(x[i+1].getElementsByTagName("IMG")[0].childNodes[0].nodeValue);
img3=(x[i+2].getElementsByTagName("IMG")[0].childNodes[0].nodeValue);
img4=(x[i+3].getElementsByTagName("IMG")[0].childNodes[0].nodeValue);
img5=(x[i+4].getElementsByTagName("IMG")[0].childNodes[0].nodeValue);
lnk1=(x[i].getElementsByTagName("LINK")[0].childNodes[0].nodeValue);
lnk2=(x[i+1].getElementsByTagName("LINK")[0].childNodes[0].nodeValue);
lnk3=(x[i+2].getElementsByTagName("LINK")[0].childNodes[0].nodeValue);
lnk4=(x[i+3].getElementsByTagName("LINK")[0].childNodes[0].nodeValue);
lnk5=(x[i+4].getElementsByTagName("LINK")[0].childNodes[0].nodeValue);
inf1=(x[i].getElementsByTagName("INFO")[0].childNodes[0].nodeValue);
inf2=(x[i+1].getElementsByTagName("INFO")[0].childNodes[0].nodeValue);
inf3=(x[i+2].getElementsByTagName("INFO")[0].childNodes[0].nodeValue);
inf4=(x[i+3].getElementsByTagName("INFO")[0].childNodes[0].nodeValue);
inf5=(x[i+4].getElementsByTagName("INFO")[0].childNodes[0].nodeValue);
opt1=(y[j].getElementsByTagName("OPT")[0].childNodes[0].nodeValue);
opt2=(y[j+1].getElementsByTagName("OPT")[1].childNodes[0].nodeValue);
opt3=(y[j+2].getElementsByTagName("OPT")[2].childNodes[0].nodeValue);
opt4=(y[j+3].getElementsByTagName("OPT")[3].childNodes[0].nodeValue);
opt5=(y[j+4].getElementsByTagName("OPT")[4].childNodes[0].nodeValue);
enl1=(x[i].getElementsByTagName("ENL")[0].childNodes[0].nodeValue);
enl2=(x[i+1].getElementsByTagName("ENL")[0].childNodes[0].nodeValue);
enl3=(x[i+2].getElementsByTagName("ENL")[0].childNodes[0].nodeValue);
enl4=(x[i+3].getElementsByTagName("ENL")[0].childNodes[0].nodeValue);
enl5=(x[i+4].getElementsByTagName("ENL")[0].childNodes[0].nodeValue);

The first two functions are for a list in the PHP. The rest of the code gives the first five products into respective variables for the PHP to use.

Code:

PHP
                      <td width="25" rowspan="3"><a title="<b>Previous Product</b><br><br>Click to Scroll the product list left" onclick="productprevious();" style="cursor:pointer"><img src='prodprev.jpg' width="25" height="170"></a></td>
                      <td>&nbsp;</td>
                      <td width="120" height="120" valign="top"><div id='PR1'></div></td>
                      <td>&nbsp;</td>
                      <td width="120" height="120" valign="top"><div id='PR2'></div></td>
                      <td>&nbsp;</td>
                      <td width="120" height="120" valign="top"><div id='PR3'></div></td>
                      <td>&nbsp;</td>
                      <td width="120" height="120" valign="top"><div id='PR4'></div></td>
                      <td>&nbsp;</td>
                      <td width="120" height="120" valign="top"><div id='PR5'></div></td>
                      <td>&nbsp;</td>
                      <td width="25" rowspan="3"><a title="<b>Next Product</b><br><br>Click to Scroll the product list right" onclick="productnext();" style="cursor:pointer"><img src='prodnext.jpg' width="25" height="170"></a></td>

It's a line for five products. When people hit the Next button, it moves the Array one product over. And previous button does vice versa.

Code:

JS
document.getElementById("PR1").innerHTML="<a href='javascript:void();' onClick='picture1();'><img src='"+img1+"' height=120 width=120></a>";
document.getElementById("PR2").innerHTML="<a href='javascript:void();' onClick='picture2();'><img src='"+img2+"' height=120 width=120></a>";
document.getElementById("PR3").innerHTML="<a href='javascript:void();' onClick='picture3();'><img src='"+img3+"' height=120 width=120></a>";
document.getElementById("PR4").innerHTML="<a href='javascript:void();' onClick='picture4();'><img src='"+img4+"' height=120 width=120></a>";
document.getElementById("PR5").innerHTML="<a href='javascript:void();' onClick='picture5();'><img src='"+img5+"' height=120 width=120></a>";
document.getElementById("PT1").innerHTML="<a href='javascript:void();' onClick='picture1();'>"+ttl1+"</a>";
document.getElementById("PT2").innerHTML="<a href='javascript:void();' onClick='picture2();'>"+ttl2+"</a>";
document.getElementById("PT3").innerHTML="<a href='javascript:void();' onClick='picture3();'>"+ttl3+"</a>";
document.getElementById("PT4").innerHTML="<a href='javascript:void();' onClick='picture4();'>"+ttl4+"</a>";
document.getElementById("PT5").innerHTML="<a href='javascript:void();' onClick='picture5();'>"+ttl5+"</a>";
return false;}

This code places the products into the respective list. PR1 gets IMG1. This is also where I wonder if it could be more efficient, because I'm copying things five times in a row. There's got to be a better way to do that. Whenever it's clicked it operates a function called picture#() corresponding to the button. Once again... Must be a more efficient way.

Code:

function picture1() {document.getElementById('PI').innerHTML="<img src="+img1+" height=170 width=170>";document.getElementById('PTT').innerHTML=ttl1;
/*test area, delete when done*/enl=enl1;document.getElementById("E").innerHTML=enl;}
function picture2() {document.getElementById('PI').innerHTML="<img src="+img2+" height=170 width=170>";document.getElementById('PTT').innerHTML=ttl2;
/*test area, delete when done*/enl=enl2;document.getElementById("E").innerHTML=enl;}
function picture3() {document.getElementById('PI').innerHTML="<img src="+img3+" height=170 width=170>";document.getElementById('PTT').innerHTML=ttl3;
/*test area, delete when done*/enl=enl3;document.getElementById("E").innerHTML=enl;}
function picture4() {document.getElementById('PI').innerHTML="<img src="+img4+" height=170 width=170>";document.getElementById('PTT').innerHTML=ttl4;
/*test area, delete when done*/enl=enl4;document.getElementById("E").innerHTML=enl;}
function picture5() {document.getElementById('PI').innerHTML="<img src="+img5+" height=170 width=170>";document.getElementById('PTT').innerHTML=ttl5;
/*test area, delete when done*/enl=enl5;document.getElementById("E").innerHTML=enl;}

Above, places that picture into "PI" and gets the title and places it into "PTT"

---

I was hoping to create another list. EXACTLY like I have here.

Where the User can hit Next and Previous, using Options Loaded from an Array within the Array of Products.

Is making a new XML with options the only way to do this?
If that's the case, how do I associate each product with their options?

In order to better understand the DOM data structure, I am trying to write a JavaScript that will produce something like HTML from the DOM data structure.

My current problem is that when I include a <br> tag in my source HTML, it reports that its parent is undefined, and this is breaking my code.

So, given the following code, why does the <br> tag report that it's parent is undefined.

Code:

<html>
    <head>
        <title>br.parent</title>
        <script type="text/javascript">
            function brTest() {
                var jBR = document.getElementsByTagName("br")[0];
                alert("<br>.nodeType = " + jBR.nodeType +
                    "\n<br>.nodeName = " + jBR.nodeName +
                    "\n<br>.ParentNode = " + jBR.ParentNode);
            }
        </script>
    </head>
    <body onload = "brTest();">
        <p>Now is <br> the time.</p>
    </body>
</html>

Thanks for any help you can provide.

Jerry

Hi,

I have the below javascript that insert smiles for me.
But in Firefox, it is inserting at the bottom of the message

Edit: This only happens when there in no text input first before the smile.

For exmple
Quote:


-- Original Message ---
test send :-)
-- End Original Message --- ;-)
I would like it be inserted, like
Quote:
;-)

-- Original Message ---
test send :-)
-- End Original Message ---
Note: ;-) would be the smile


It works fine in Internet Explorer, but Firefox, put it in the wrong place, can anyone help.

The javascript code I use is below:

Code:

//Smile Start

var myAgent   = navigator.userAgent.toLowerCase();
var myVersion = parseInt(navigator.appVersion);

var is_ie  = ((myAgent.indexOf("msie") != -1)  &&  (myAgent.indexOf("opera") == -1));
var is_nav = ((myAgent.indexOf('mozilla')!=-1) &&  (myAgent.indexOf('spoofer')==-1)
                    && (myAgent.indexOf('compatible') == -1)  &&

(myAgent.indexOf('opera')==-1)
                    && (myAgent.indexOf('webtv') ==-1)        &&

(myAgent.indexOf('hotjava')==-1));

var is_win = ((myAgent.indexOf("win")!=-1) ||  (myAgent.indexOf("16bit")!=-1));
var is_mac = (myAgent.indexOf("mac")!=-1);

function smile( txt ) {
//    document.all.txtmessage.value = document.all.txtmessage.value +  txt;
//        return false;
    doInsert(" " + txt + " ", "",  false,document.getElementById('txtmessage'));             
}
function smile2( txt ) {
    doInsert(" " + txt + " ", "",  false,document.getElementById('txttemplate'));
}
function smile3( txt ) {
    doInsert(" " + txt + " ", "",  false,document.getElementById('txtcomments'));
}


function doInsert(ibTag, ibClsTag, isSingle, name_txt)
{
    var isClose = false;
    var obj_ta = name_txt;


    //----------------------------------------
    // It's IE!
    //----------------------------------------
if ( (myVersion >= 4) && is_ie && is_win)
//    if ( (ua_vers >= 4) && is_ie && is_win)
    {
        if (obj_ta.isTextEdit)
        {
            obj_ta.focus();
            var sel = document.selection;
            var rng = sel.createRange();
            rng.colapse;
            if((sel.type == "Text" || sel.type == "None") && rng  != null)
            {
                if(ibClsTag != "" && rng.text.length > 0)
                    ibTag += rng.text + ibClsTag;
                else if(isSingle)
                    isClose = true;

                rng.text = ibTag;
            }
        }
        else
        {
  //-- mod_bbcode begin
          // this should work with Mozillas
          if ( (myVersion >= 4) && is_win) {
              var length = obj_ta.textLength;
              var start = obj_ta.selectionStart;
              var end = obj_ta.selectionEnd;
              if (end == 1 || end == 2)
                  end = length;
              var head = obj_ta.value.substring(0,start);
              var rng = obj_ta.value.substring(start, end);
              var tail = obj_ta.value.substring(end, length);
              if( start != end ){
                  if (ibClsTag != "" && length > 0)
                      ibTag += rng + ibClsTag;
                  else if (isSingle)
                      isClose = true;
                  rng = ibTag;
                  obj_ta.value = head + rng + tail;
                  start = start + rng.length;
              }
              else{
                  if(isSingle)
                      isClose = true;
                  obj_ta.value = head + ibTag + tail;
                  start = start + ibTag.length;
              }
              obj_ta.selectionStart = start;
              obj_ta.selectionEnd = start;
          }
          else {
  //-- mod_bbcode end 
                if(isSingle)
                {
                    isClose = true;
                }
               
                obj_ta.value += ibTag;
    //-- mod_bbcode begin
         }
    //-- mod_bbcode end         
        }
    }
    //----------------------------------------
    // It's MOZZY!
    //----------------------------------------
   
else if ( obj_ta.selectionEnd )
    {
        var ss = obj_ta.selectionStart;
        var st = obj_ta.scrollTop;
        var es = obj_ta.selectionEnd;
       
        if (es <= 2)
        {
            es = obj_ta.textLength;
        }
       
        var start  = (obj_ta.value).substring(0, ss);
        var middle = (obj_ta.value).substring(ss, es);
        var end    = (obj_ta.value).substring(es, obj_ta.textLength);
       
        //-----------------------------------
        // text range?
        //-----------------------------------
       
        if (obj_ta.selectionEnd - obj_ta.selectionStart > 0)
        {
            middle = ibTag + middle + ibClsTag;
        }
        else
        {
            middle = ibTag + middle;
           
            if (isSingle)
            {
                isClose = true;
            }
        }
       
        obj_ta.value = start + middle + end;
       
        var cpos = ss + (middle.length);
       
        obj_ta.selectionStart = cpos;
        obj_ta.selectionEnd   = cpos;
        obj_ta.scrollTop      = st;

    }
    //----------------------------------------
    // It's CRAPPY!
    //----------------------------------------
    else
    {
        if (isSingle)
        {
            isClose = true;
        }
       
        obj_ta.value += ibTag;
    }
   
    obj_ta.focus();

    return isClose;
}

function CDE(elemId) {
        if(document.getElementById(elemId).style.display != "none")
            document.getElementById(elemId).style.display = "none"
        else
            document.getElementById(elemId).style.display = "inline"
}

//Smile End

Thanks for any help you can give me

Dear Madam/Sir,
I would greatly appreciate any help.
I am working on this site: http://www.pathology.ubc.ca/Path_UBC...Professor.html. The list of names on the right hand side is conencted to the iframe, left hand side. By clicking on individual name the eprofile is populated in the iframe. Everything works fine but what I would like to add is some kind of extention to the url so we can externaly link directly to each these profiles.

Please let me know if this is something that can be done?

Many thanks,
Debbie

After a parent checkbox has been selected and the user changes their mind and just unchecks the Parent checkbox I need to figure out how to automatically uncheck the child checkboxes as well.

Code:

<script type="text/javascript">
function toggleMe(a){
  var e=document.getElementById(a);
  if(!e)return true;
  if(e.style.display=="none"){
    e.style.display="block"
  } else {
    e.style.display="none"
  }
  return true;
}
</script>
<script type="text/javascript">

$('input[type=checkbox]').change(function() { 
    // get id of the current clicked element 
    var id = $(this).attr('id'); 
    // find elements with classname 'parent-<id>' and (un)check them 
    var children = $('.parent-' + id).attr('checked', $(this).attr('checked')); 
}); 
</script>
<body>
<form name='f1' action='#'>
<h2 align="center">Test</h2><br>
<br>
<input id="s1" type="checkbox" onclick="return toggleMe('para1')" value="1">1
<br>
<div id="para1" style="display:none">
&nbsp;&nbsp;&nbsp;<input id="b"class="parent-s1" type="checkbox" name="cb1"/>
  <label for="cb1">a</label><br>
&nbsp;&nbsp;&nbsp;<input id="b" class="parent-s1"type="checkbox" name="cb1"/>
  <label for="cb1">b</label>
<br>
</div>
<input type="checkbox" onclick="return toggleMe('para2')" value="2">2
<br>
<div id="para2" style="display:none">
&nbsp;&nbsp;&nbsp;<input id="b"class="parent-s2" type="checkbox" name="cb2"/>
  <label for="cb2">a</label><br>
&nbsp;&nbsp;&nbsp;<input id="b" class="parent-s2"type="checkbox" name="cb2"/>
  <label for="cb2">b</label>
<br>
</div>
<script type='text/javascript'>

function Cb2Rb( setRef )
{
 this.boxGroup = setRef;

 for( var i=0, len=setRef.length; i<len; i++ )
  setRef[ i ].onclick=( function(inst, idx){return function(){inst.scan(idx)}} )(this, i);

 this.scan=function(index)
 {
  if( this.boxGroup[ index ].checked )
   for(var i=0, g=this.boxGroup, len=g.length; i<len; i++)
    if( i != index )
     g[i].checked = false;
 }
}

new Cb2Rb( document.forms.f1.cb1 );
new Cb2Rb( document.forms.f1.cb2 );
</script>
<script type='text/javascript'>
function sub_delete{ 
        if (typeof document.checks.cb.length === 'undefined') { 
   /*then there is just one checkbox with the name 'cb' no array*/ 
        if (document.checks.cb.checked == true ) 
                            { 
                                document.checks.submit(); 
                                return 0; 
                            }    
    }else{ 
  /*then there is several checkboxs with the name 'cb' making an array*/ 
        for(var i = 0, max = document.checks.cb.length; i < max; i++){ 
            if (document.checks.cb[i].checked == true ) 
                            { 
                                document.checks.submit(); 
                                return 0; 
                            } 
 
        } 
    } 
    }//sub_delete end 
</script>
<script type='text/javascript'>
$('input[class*="parent"]').change(function(){ 
    var cls = '.' + $(this).attr('class') + ':checked'; 
    var len = $(cls).length; 
    var parent_id = '#' + $(this).attr('class').split('-')[1]; 
 
    // 3. Check parent if at least one child is checked 
    if(len) { 
        $(parent_id).attr('checked', true); 
    } else { 
        // 2. Uncheck parent if all childs are unchecked. 
        $(parent_id).attr('checked', false); 
    } 
}); 
</script>

<br><br><br>
<input type="button" class="button" onclick="return toggleMe('para10')" value="Submit">

After open a child window, I would like to keep parent window on focus. I tried self.focus(), set new window in blur() as well as setting the setInterval, none of them works in either Firefox or IE. I think this question relates to the opening window in tab rather than in new window.

Actually, in Firefox, it was opened in tab and in IE it was opened in new window.

Hey, I'm looking for a way to get a variable from a parent window in a child window. I'm aware that you can write the variable to a hidden field and then get the field's value in the child window, but I'm looking for a cleaner (all JS preferable) way of doing this.

Something like this, but I believe this is an out-dated solution:
Code:

var str = window.opener.str;
alert(str);

Any solutions?

I have home page with session close button and 10 child window link and i am opening all child window.All child windows should close after clicking on session close button. Code bellow

<html>

<script type="text/javascript">

openWins = [];
curWin = 0;

function openWin(page)
{
openWins[curWin++] = window.open(page,'_blank');
}

function closeAll()
{
for(var i=0; i<openWins.length; i++)
if (openWins[i] && !openWins[i].closed)
openWins[i].close();
}

window.onunload = closeAll;

</script>





<body >
<input type="button" onClick="openWin('http://www.google.com');" value="Open PopUps">
<input type="button" onClick="closeAll('http://www.google.com');" value="Close PopUps">
</body>
</html>

Hi Experts,

i have 2 JS array and i need to have dependency between them knowing that 1st Array has parent element of the 2nd one.

i.e


ARRAY1
ID VAL ID2
2 Dep1 10
3 Dep2 20
4 Dep3 30

ARRAY2

ID VAL ID2 PARENT
20 team1 11 10
21 team2 12 10
22 team3 13 20
23 team4 14 30


i need to have two different DDL's where when i choose VAL = Dep1 on ARRAY1 , i should see on the 2nd DDL only elements with parent corrsponding to Dep1 ( PARENT =10).


how this can be possible thanks

Hi,

I have a small problem with a page I'm working on. I have an anchor tag inside a table that has a mouseover event that updates a contextual help box. I need to add a similar mouseover event to the anchor tag that does the same thing, but updates the help box with different text.

The problem I have is that when the mouse is over the table, no matter if I move the mouse over the anchor, the help text only displays the message that is passed from the table's mouseover function call.

I think the solution *may* be something to do with event bubbling, but I'm not exactly sure how to implement it. The code I'm dealing with is below:

The code below is PHP.
The table mouseover (for reference):
Code:

echo "<table class='cleanTable' width='100%' style='margin-top: 5px'";
	    echo " onMouseOver=\"updateHelpText('Message 1.');\" onMouseOut='clearHelpText();'>";
	    echo "<tr><th>&nbsp;</th><th>&nbsp;</th><th>First Name</th><th>Surname</th><th>Last Login</th></tr>";

The anchor mouseover:
Code:

echo "<tr class='cleanrow'><td><a href='newMember.php'><img border='0' src='images/icon_add.gif'></a></td><td></td>";
		echo "<td colspan='3'><a class='workbenchLink' href='newMember.php' onMouseOver=\"updateHelpText('Message 2');\" onMouseOut='clearHelpText();'>Invite a new colleague...</a></td></tr>";
		echo "</table>";

The function (javascript):
Code:

function updateHelpText(newText) {
		document.getElementById("helpBox").innerHTML = "<h4>&nbsp;" + newText + "</h4>";
	 }

Any help with this would be great, thanks.