problem while calling two pages which includes Js pages

**acoder** · Dec 18 '07, 06:27 PM

Originally posted by mukeshrasm

Now Problem is that code works fine but it is not showing the editor which is included through wysiwyg.js when I am calling it from main page.

But when I am running the Get_Content.php it shows the editor.

so is there any thing that I can not call Series of Js pages. If it is then how can I do it.

You'll need to include the JavaScript file. Create a script object and add it to the head of the main page.

**mukeshrasm** · Dec 19 '07, 04:24 AM

Originally posted by acoder

You'll need to include the JavaScript file. Create a script object and add it to the head of the main page.

But I have added the Get_Page.js to the head of main page. And how a script object will be created?

**acoder** · Dec 20 '07, 11:47 AM

Originally posted by mukeshrasm

But I have added the Get_Page.js to the head of main page. And how a script object will be created?

Create a script element and set the src property to the js file and then append to the head, e.g.
[code=javascript]var script = document.create Element("script ");
script.src=theS rc; // string containing path to the JavaScript file
document.getEle mentsByTagName( "head")[0].appendChild(sc ript);[/code]

**mukeshrasm** · Dec 27 '07, 07:32 AM

Problem in Ajax

I have main form. In that form I have a dropdown box from that box I am calling two pages using ajax and page call is fired on onchange event of dropdown box.

both pages are called if there is no javacript written on either page. But when I write some javascript code the javascript is not working on main form. so what can be problem.

**gits** · Dec 27 '07, 08:37 AM

... please post the code to have a look at ...

kind regards

**mukeshrasm** · Dec 27 '07, 12:05 PM

Originally posted by gits

... please post the code to have a look at ...

kind regards

Hi

I tried to put some code here but it is showing some error. So what I mean to ask is that if a page has javascript function or calls to some js page so will the functionality of javascript/js page on this page be not reflected to the main page?
If no then why it is not working here

Say you have one main page which call a js page through ajax and in turn that page calls other js page so the functionality of this page will be work on main page or not.

**gits** · Dec 27 '07, 02:40 PM

nope ... in case you call a page through ajax the scripts in there are not evaluated except you do that explicitly ... so without having a look at the code or at least the response i only could guess the problem ...

kind regards

**acoder** · Dec 27 '07, 04:49 PM

Merged your threads. Keep one problem to one thread.

See post #4.

**mukeshrasm** · Jan 7 '08, 06:16 AM

Originally posted by gits

nope ... in case you call a page through ajax the scripts in there are not evaluated except you do that explicitly ... so without having a look at the code or at least the response i only could guess the problem ...

kind regards

See the post #4 for your reference.

**mukeshrasm** · Jan 7 '08, 06:36 AM

Originally posted by acoder

Create a script element and set the src property to the js file and then append to the head, e.g.
[code=javascript]var script = document.create Element("script ");
script.src=theS rc; // string containing path to the JavaScript file
document.getEle mentsByTagName( "head")[0].appendChild(sc ript);[/code]

Hi Acoder

I am not able to solve this problem. So If you can please tell me where I should put this code. Or If you may guide where should do the modification in this code to work this fine.

Thanks!

**acoder** · Jan 7 '08, 08:50 AM

theSrc in this case would be "wysiwyg.js ".

**gits** · Jan 7 '08, 09:11 AM

as i said ... when the page is loaded and js is added later on ... this code has to be evaluated explicitly ...

for example - this will not work:

[CODE=javascript]var script = document.create Element("script ");
script.src = 'function my_func() { alert("test"); }';
document.getEle mentsByTagName( "head")[0].appendChild(sc ript);

// call my_func - my_func is undefined
my_func();
[/CODE]
but the following will work:

[CODE=javascript]var script = document.create Element("script ");
script.src = eval('function my_func() { alert("test"); }');
document.getEle mentsByTagName( "head")[0].appendChild(sc ript);

// now my_func is ready to use
my_func();[/CODE]

and even:

[CODE=javascript]eval('function my_func() { alert("test"); }');
[/CODE]
would be enough :) so when getting scripts through ajax the code has to be evaled ... the same way as json has to be evaled ...

kind regards

**mukeshrasm** · Jan 7 '08, 12:40 PM

Originally posted by acoder

theSrc in this case would be "wysiwyg.js ".

Hi I tried to put the code in this way:
[Code=html] // Main Page

<html>
<head>
<script type="text/javascript" src="Get_Page.j s"></script>
<title>Untitl ed Document</title>
</head>

<body>
<select id="attachMoreL ink" name="select" onchange="getPa ge(this.value)" >
<option selected="selec ted">--Select One--</option>
<option value="image">I mage</option>
<option value="content" >Text</option>

</select>
<div id="txtHint"> text will be displayed here</div>
</body>
</html>
[/Code]

//Page which to be called i.e. content.php

[Code=html]

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="javas cript">
var script = document.create Element("script ");
script.src="wys iwyg.js"; // string containing path to the JavaScript file
document.getEle mentsByTagName( "head")[0].appendChild(sc ript);
</script>
<title>Untitl ed Document</title>
</head>

<body>
<table width="97%" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr align="left">
<td width="14%" align="left" valign="middle" >Content Id </td>
<td width="86%" valign="middle" ><input type="text" name="Content_I d" value="" /></td>
</tr>
<tr align="left">
<td valign="middle" align="left">Co ntent Name </td>
<td valign="middle" ><input type="text" name="Content_N ame" value="" /></td>
</tr>
<tr align="left">
<td align="left" valign="top">De scription</td>
<td valign="middle" ><textarea id="textarea2" name="Content_D escription" style="height: 200px; width: 500px;">

</textarea>
<script language="javas cript1.2">
generate_wysiwy g('textarea2');
</script> </td>
</tr>
<tr align="left">
<td valign="middle" > </td>
<td valign="middle" ><input type="submit" name="Content" value="Add Content" />
<input name="reset" type="reset" /></td>
</tr>
</table>
</body>
</html>

[/Code]

Note: Get_Page.Js page calls content.php in which the editor(wysiwyg. js) is used.

I think I must Hit my head to the Pole now !

**acoder** · Jan 7 '08, 01:08 PM

Originally posted by mukeshrasm

Hi I tried to put the code in this way:
[Code=html] // Main Page

<html>
<head>
<script type="text/javascript" src="Get_Page.j s"></script>
<title>Untitl ed Document</title>
</head>

<body>
<select id="attachMoreL ink" name="select" onchange="getPa ge(this.value)" >
<option selected="selec ted">--Select One--</option>
<option value="image">I mage</option>
<option value="content" >Text</option>

</select>
<div id="txtHint"> text will be displayed here</div>
</body>
</html>
[/Code]

//Page which to be called i.e. content.php

[Code=html]

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="javas cript">
var script = document.create Element("script ");
script.src="wys iwyg.js"; // string containing path to the JavaScript file
document.getEle mentsByTagName( "head")[0].appendChild(sc ript);
</script>...[/code]

The JavaScript which adds the script to the page should be in the original page, not in the called page.

problem while calling two pages which includes Js pages

problem while calling two pages which includes Js pages

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment