How to pass value from a text in a page to a table in another page

**gits** · May 8 '10, 01:38 PM

from the child window that you opened you might refer to the parent window with:

Code:

window.opener

you might have a look here for its usage ...

kind regards

**elham477** · May 8 '10, 05:53 PM

Originally posted by gits

from the child window that you opened you might refer to the parent window with:

Code:

window.opener

you might have a look here for its usage ...

kind regards

Thank you for the answer, but I used this method in my child code on line 11. It does not work.
I want to insert it in the table.

**gits** · May 8 '10, 06:27 PM

then your question is not how to pass a value between different windows but how to add a row to a table ... and how to correctly retrieve values from form-elements

the script has some issues ->

first:

Code:

document.getElementByname('cat'),value

doesn't exist ... it should be:

Code:

document.getElementsByName('cat')[0].value

second:

there is a curly brace that breaks the syntax in line 34 ... in case you would use a better indentation you would see that quite easily .... and it would be better to use a variable instead of retrieving the value in every condition again ... you might even consider a switch statement in such cases.

regards

**elham477** · May 9 '10, 05:57 AM

Originally posted by gits

then your question is not how to pass a value between different windows but how to add a row to a table ... and how to correctly retrieve values from form-elements

the script has some issues ->

first:

Code:

document.getElementByname('cat'),value

doesn't exist ... it should be:

Code:

document.getElementsByName('cat')[0].value

second:

there is a curly brace that breaks the syntax in line 34 ... in case you would use a better indentation you would see that quite easily .... and it would be better to use a variable instead of retrieving the value in every condition again ... you might even consider a switch statement in such cases.

regards

my question is: how to pass a text value between different windows and insert this text in a table in another page.
according to the cat (category) in my first page , i want to insert this text into that table !!!

**gits** · May 9 '10, 08:20 AM

did you fix the errors i showed you in post #4? ... that errors are obvious ...

**elham477** · May 9 '10, 08:58 AM

Originally posted by gits

did you fix the errors i showed you in post #4? ... that errors are obvious ...

thanks dear for replying
yes i fixed it ! but still show the first page without any change.
when i fill the text in second page i want to show them in first page in a table.!!!

**gits** · May 9 '10, 09:08 AM

please repost your changed code again ... so that we might have a closer look at it again ...

kind regards

**elham477** · May 9 '10, 09:19 AM

Originally posted by gits

please repost your changed code again ... so that we might have a closer look at it again ...

kind regards

this the second page code, the first page is the same:

Code:

<html>
<head>
<script type="text/javascript">
function formSubmit()
{
document.getElementById('frm1').submit();
}
function passmain(){
 if (document.getElementsByName('cat')[1].value=="ReadingEnglish") { 

 var cell_obj = window.opener.document.getElementById('tutorials').insertRow().insertCell()
 cell_obj.innerHTML= document.getElementById('txt2').value 
}
 else 
if (document.getElementsByName('cat')[1].value=="ListeningEnglish") { 

 var cell_obj = window.opener.document.getElementById('tutorial').insertRow().insertCell()
 cell_obj.innerHTML= document.getElementById('txt2').value 
}
else

if (document.getElementsByName('cat')[1].value=="WritingEnglish") { 

 var cell_obj = window.opener.document.getElementById('validation').insertRow().insertCell()
 cell_obj.innerHTML= document.getElementById('txt2').value 
}
else
if (document.getElementsByName('cat')[1].value=="SpeakingEnglish") { 

 var cell_obj = window.opener.document.getElementById('scripting').insertRow().insertCell()
 cell_obj.innerHTML= document.getElementById('txt2').value 
}
}
}

</script>
</head>

<body onbeforeunload="passmain()">
<p> You can Add your Address Here :</p>

<form id="frm1"  method="get" action="demo.htm">
write the address : <input  name="txtadd" type="text" id="txt1"> <br>
write a name for it! : <input name="txtcat" type="text" id="txt2"> <br>
choose your category: <select name="cat">
<option value="1">ReadingEnglish </option>
<option value="2"> ListeningEnglish </option>
<option value="3"> WritingEnglish </option>
<option value="4"> SpeakingEnglish </option>
</select>
<br>
<br>
<input name="btn1" type="submit" onclick="formSubmit()" value="Click to Add it ! " ><br>
</form>
</body>
</html>

**gits** · May 9 '10, 09:33 AM

there are more issues - i give you a new start to recode your script:

Code:

<html>
<head>
<script type="text/javascript">

function formSubmit() {
    document.getElementById('frm1').submit();
}

function passmain() {
    var val = document.getElementsByName('cat')[0].value;
    
    switch (val) {
    case '1':
        break;
    case '2':
        break;
    }
    
    formSubmit();
}
 
</script>
</head>
 
<body>
    <p> You can Add your Address Here :</p>
 
    <form id="frm1"  method="get" action="demo.htm">
        write the address : <input  name="txtadd" type="text" id="txt1"> <br>
        write a name for it! : <input name="txtcat" type="text" id="txt2"> <br>
        choose your category: 
        <select name="cat">
            <option value="1">ReadingEnglish </option>
            <option value="2"> ListeningEnglish </option>
            <option value="3"> WritingEnglish </option>
            <option value="4"> SpeakingEnglish </option>
        </select>
        <br>
        <br>
        <input name="btn1" type="button" onclick="passmain();" value="Click to Add it ! " ><br>
    </form>
</body>
</html>

first:

document.getEle mentsByName('ca t') returns a node list ... and JavaScript always starts counting at 0 not 1 so in your code the value isn't retrieved

second:

the value isn't the option's text but its value ... so your conditions would never match ... you need to check for the value

third:

you didn't fix the curly brace issue either ... so basically the first error that occurs is a syntax error -> so use the shown switch statement and a clean indentation to avoid such simple errors ...

regards

**elham477** · May 9 '10, 09:57 AM

Originally posted by gits

there are more issues - i give you a new start to recode your script:

Code:

<html>
<head>
<script type="text/javascript">

function formSubmit() {
    document.getElementById('frm1').submit();
}

function passmain() {
    var val = document.getElementsByName('cat')[0].value;
    
    switch (val) {
    case '1':
        break;
    case '2':
        break;
    }
    
    formSubmit();
}
 
</script>
</head>
 
<body>
    <p> You can Add your Address Here :</p>
 
    <form id="frm1"  method="get" action="demo.htm">
        write the address : <input  name="txtadd" type="text" id="txt1"> <br>
        write a name for it! : <input name="txtcat" type="text" id="txt2"> <br>
        choose your category: 
        <select name="cat">
            <option value="1">ReadingEnglish </option>
            <option value="2"> ListeningEnglish </option>
            <option value="3"> WritingEnglish </option>
            <option value="4"> SpeakingEnglish </option>
        </select>
        <br>
        <br>
        <input name="btn1" type="button" onclick="passmain();" value="Click to Add it ! " ><br>
    </form>
</body>
</html>

first:

document.getEle mentsByName('ca t') returns a node list ... and JavaScript always starts counting at 0 not 1 so in your code the value isn't retrieved

second:

the value isn't the option's text but its value ... so your conditions would never match ... you need to check for the value

third:

you didn't fix the curly brace issue either ... so basically the first error that occurs is a syntax error -> so use the shown switch statement and a clean indentation to avoid such simple errors ...

regards

thank u , it is showing and adding the text BUT
how can i add the link to it,
i mean when i click on the text show the link that user write in another text.

**elham477** · May 9 '10, 10:06 AM

Originally posted by gits

there are more issues - i give you a new start to recode your script:

Code:

<html>
<head>
<script type="text/javascript">

function formSubmit() {
    document.getElementById('frm1').submit();
}

function passmain() {
    var val = document.getElementsByName('cat')[0].value;
    
    switch (val) {
    case '1':
        break;
    case '2':
        break;
    }
    
    formSubmit();
}
 
</script>
</head>
 
<body>
    <p> You can Add your Address Here :</p>
 
    <form id="frm1"  method="get" action="demo.htm">
        write the address : <input  name="txtadd" type="text" id="txt1"> <br>
        write a name for it! : <input name="txtcat" type="text" id="txt2"> <br>
        choose your category: 
        <select name="cat">
            <option value="1">ReadingEnglish </option>
            <option value="2"> ListeningEnglish </option>
            <option value="3"> WritingEnglish </option>
            <option value="4"> SpeakingEnglish </option>
        </select>
        <br>
        <br>
        <input name="btn1" type="button" onclick="passmain();" value="Click to Add it ! " ><br>
    </form>
</body>
</html>

first:

document.getEle mentsByName('ca t') returns a node list ... and JavaScript always starts counting at 0 not 1 so in your code the value isn't retrieved

second:

the value isn't the option's text but its value ... so your conditions would never match ... you need to check for the value

third:

you didn't fix the curly brace issue either ... so basically the first error that occurs is a syntax error -> so use the shown switch statement and a clean indentation to avoid such simple errors ...

regards

cell_obj.innerH TML= document.getEle mentById('txt1' ).value
i should use this cod but change the "innerHTML"
what can i type instead it to show the link.

**gits** · May 9 '10, 10:35 AM

you would need to create a real anchor element and set its href attribute - you might use the createElement(), appendChild() etc. DOM methods or use the innerHTML with a correct 'html-string'

**elham477** · May 10 '10, 04:21 AM

Originally posted by gits

you would need to create a real anchor element and set its href attribute - you might use the createElement(), appendChild() etc. DOM methods or use the innerHTML with a correct 'html-string'

this text which insert in the table is temporary!!!
i want to insert it for always, it just insert for that moment when user add it.
and i dont know how can it refer to link ( i mean when i click it show a link in my frame in the first page)
iam really sorry for my qustions &so thankful for your reply.

**gits** · May 10 '10, 11:39 AM

?? ... so you would just need to add the information to a database ... or what is your exact question?

How to pass value from a text in a page to a table in another page

How to pass value from a text in a page to a table in another page

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment