JavaScript - Document.evaluate() On An Html String

hi guys, im really new to javascript. Can someone tell me how to open a html file using javascript.
THanks

I need to save an HTML page to Word using JavaScript. Any ideas on that? I have found some script on-line but all of them use the "Save As" procedure which only allows to save in txt and html format. I need it to be in Word.
Thanks!

I posted before but have read that this may be more accurate and help my answers. I would like dome help in explaining how I might be able to manipulate this javascript section to lay it out in html and or using css. Can this be done via this part of the script or is there something I can wrap around it?

Thanks


document.write("<SCRIPT type='text/JavaScript' SRC='http://images.compucars.co.uk/scripts/stockv2.asp?notMakeID="+QueryString('notMakeID')+"&makeID="+QueryString('makeID')+"&searchURL="+sear chURL+"&rspage="+QueryString('rspage')+"&ID="+QueryString('ID')+"&intMax="+QueryString('intMax')+"&i ntMin="+QueryString('intMin')+"&bodyType="+QueryString('bodyType')+"&fuelType="+QueryString('fuelTyp e')+"&maxPerPage="+maxPerPage+"&memberID="+memberID+"&align="+strAlign+"&URL="+escape(window.locatio n.protocol + '//' + window.location.host + window.location.pathname)+"'></SCR"+"IPT>");

Hi! how do I include .html files inside a document.write()?

Like document.write('include top.html' "hello!" 'include bottom.html') or something.

I searched for it, and found this:

<!--#include file="top.html" -->

But it doesn't work for me. What is wrong?

I would be very happy if someone could help me

Dear All:

My apologies - this is probably something that comes up time and time again.

However, I was wondering - I realize there does not seem to be a "standard" way to do this (without additional libraries), but is there any "hacky" method that can be used to get XPath support in IE? What I mean is for parsing the loaded HTML document.

Thank you
Misha

Hi everybody I have a problem

I want a beautiful accordion header on my website and use pirobox that is a lightbox version.

I had this problem before but then u used a slideshow instead of this accordion header.

If I use this code: only the accordion works

Code:

        <script type="text/javascript" src="js/jquery.min.js"></script> 
        <script type="text/javascript" src="js/pirobox.js"></script>  
        <script type="text/javascript"> 
        $(document).ready(function(){ 
        $().piroBox({ 
              my_speed: 300, //animation speed 
              bg_alpha: 0.5, //background opacity 
              slideShow : 'true', // true == slideshow on, false == slideshow off 
              slideSpeed : 3, //slideshow 
              close_all : '.piro_close' // add class .piro_overlay(with comma)if you want overlay click close piroBox 
              }); 
        }); 
         
        </script> 	

        <script language="javascript" type="text/javascript" src="js/mootools.js"></script>
	<script language="javascript" type="text/javascript" src="js/script.js"></script>

but if I change the order like this: only the pirobox works

Code:

        <script language="javascript" type="text/javascript" src="js/mootools.js"></script>
	<script language="javascript" type="text/javascript" src="js/script.js"></script>
        
        <script type="text/javascript" src="js/jquery.min.js"></script> 
        <script type="text/javascript" src="js/pirobox.js"></script> 
        <script type="text/javascript"> 
        $(document).ready(function(){ 
        $().piroBox({ 
              my_speed: 300, //animation speed 
              bg_alpha: 0.5, //background opacity 
              slideShow : 'true', // true == slideshow on, false == slideshow off 
              slideSpeed : 3, //slideshow 
              close_all : '.piro_close' // add class .piro_overlay(with comma)if you want overlay click close piroBox 
              }); 
        }); 
         
        </script>

Then in the demo version there is this code:

Code:

        <script type="text/javascript">
		new LofmCordion( {wapperSelector: $E('#lof-cordion-1 .lof-cordion-wapper') } );
	</script>

I don't know where to use it. In the demo version it's in the end, but I tried that and it still didn't work.
I also used it immidiately after:

Code:

        <script language="javascript" type="text/javascript" src="js/mootools.js"></script>
	<script language="javascript" type="text/javascript" src="js/script.js"></script>

But it still doesn't work..

Please help me I'm kinda new to javascript and I really want to know how to solve this!

thanks

Hi everybody I have a problem

I want a header that is a slideshow and use lightbox for other images.
No I have this all working but not at the same time.

If I use this code in this order only the first script that is the lightbox script works.
PHP Code:
<script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/pirobox.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
        $().piroBox({
              my_speed: 300, //animation speed
              bg_alpha: 0.5, //background opacity
              slideShow : 'true', // true == slideshow on, false == slideshow off
              slideSpeed : 3, //slideshow
              close_all : '.piro_close' // add class .piro_overlay(with comma)if you want overlay click close piroBox
              });
        });
        
        </script>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script src="js/jquery.cycle.all.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
           $('.slideshow').cycle({
              fx: 'scrollLeft',
              speed: 1000,
              timeout: 7000
           });
        });
        </script> 


If I use this code so I switched the order only the slideshow works:
PHP Code:
<script src="http://code.jquery.com/jquery-latest.js"></script>
        <script src="js/jquery.cycle.all.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
           $('.slideshow').cycle({
              fx: 'scrollLeft',
              speed: 1000,
              timeout: 7000
           });
        });
        </script>
<script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/pirobox.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
        $().piroBox({
              my_speed: 300, //animation speed
              bg_alpha: 0.5, //background opacity
              slideShow : 'true', // true == slideshow on, false == slideshow off
              slideSpeed : 3, //slideshow
              close_all : '.piro_close' // add class .piro_overlay(with comma)if you want overlay click close piroBox
              });
        });
        
        </script> 


I also tried this: but then they both did not work

PHP Code:
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/pirobox.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
                                   
           $('.slideshow').cycle({
              fx: 'scrollLeft',
              speed: 1000,
              timeout: 7000
           });
           
           $().piroBox({
              my_speed: 300, //animation speed
              bg_alpha: 0.5, //background opacity
              slideShow : 'true', // true == slideshow on, false == slideshow off
              slideSpeed : 3, //slideshow
              close_all : '.piro_close' // add class .piro_overlay(with comma)if you want overlay click close piroBox
              });
           
            });
        </script> 


Can you help me solve this problem so they both work?

My code is here and it works ...
However, I would like my dynamic table to show on the same page as my body and not on a new blank page. I have created a DIV and try playing around with the document.getElementById('monTab').innerHTML but it's not working out for me ...

What am i missing ?

Regards,

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>new Script - Javascript Cours 11</TITLE>
<META content="text/html"; charset="UTF-8" http-equiv="content-type">
<SCRIPT type="text/javascript">
	
   

	function createTable(){
	var Etudiant = new Array(Number(prompt("How many Students will you put in ?","")));

	document.write("<table border=\"1\">");
	for (var i=0; i<Etudiant.length; i++) {
	Etudiant[i] = window.prompt("S'il vous plait entrez le nom d'un etudiant " + (i+1) + ".","")
	alert("Nice to see you "+Etudiant[i]);
	
	document.write("<td>"+Etudiant[i]+"</td>");
	j = parseInt(prompt("Combien de notes voulez vous calculez ?"));
	for (h=0;h<j;h++){ 
	notes[h] = parseInt(prompt("S'il vous plait entrez la "+(h+1)+" note de "+Etudiant[i]));
	document.write("<td>"+notes[h]+"</td>");
	}
	
	
	document.write("<tr>");
	}


	
	document.write("</tr>");
	document.write("</table>");
	document.getElementById('monTab').innerHTML=Etudiant;
}


	</script>
<BODY>

<H1>Combien de note voulez vous cumulez ?</H1>
<br>
<br>

<input type="button" name="btnSubmit" value="TRY IT" onclick="createTable()">
<div id="monTab" size="10"> Content should come here ...Content should come here ...Content should come here ...Content should come here ...Content should come here ...Content should come here ...Content should come here ... </div>
</BODY>
</HTML>

I have an input box with an I.D. of "q" on my website...

By entering javascript into the URL bar I can change the place holder text (client side) to say "test"

javascript:void(document.getElementById('q').value='test');

Now if I wanted to make it say test (but in bold with html) how would I do that??
I tried:

javascript:void(document.getElementById('q').value='<b>test');

But that won't work.. it's a string! I don't know much javascript...

Thanks all!

Utilising "Search" what resides at:
http://www.codingforums.com/showthread.php?t=6441
appears to be closest to my problem but does not solve it.

I want to use HTML Input text boxes for processing within nested functions and with the results output back to the HTML table.
The code contains the HTML and Javascript. As the code stands data is reported back to the HTML table because the wanted functions have been commented out.

Within the code is a note regarding the above. If I try to engage the functions add() or take() I have "NaN" returned.
I have attempted to use x=Number(yy), x=parseInt(yy), but to no avail.

[code]<html >
<head>

</head>
<body>
<form id="myself">
<table border="1" bgcolor="lightblue">
<tr height="25px">
<td id="ad" width="25px"></td>
<td id="sb" width="25px"></td>
</tr>
<tr height="25px">
<td><input id="lt" type="text" value="" onChange="calc();" style="width:20px"></td>
<td><input id="rt" type="text" value="" onChange="calc();" style="width:20px"></td>
</tr>
</table>
</form>
<script language="javascript">
var mm;
var nn;
var tot;
var subt;
function calc(){
var n1=document.getElementById("lt").value;
var n2=document.getElementById("rt").value;
var nn;
var mm;
nn=Number(n1);
mm=Number(n2);
tot=mm+nn; // comment these lines out and
ad.innerHTML=tot; // activate the functions
subt=Math.abs(nn-mm); //
sb.innerHTML=subt; // mm and nn need to passed to the functions
//add();
//take();
}
function add(){
tot=mm+nn;
ad.innerHTML=tot;
}
function take(){
subt=Math.abs(nn-mm);
sb.innerHTML=subt;
}
</script>
</body>
</html>
[icode]

Hi,
Sorry this is probably quite a noobish question, but I have a function which accepts the parameter "screen_name". I want to include this variable within some HTML, which is the code for a Twitter. Here is the function:

PHP Code:
var htmlTest = "<script src='http://widgets.twimg.com/j/2/widget.js'></script>" + 
"<script>" +
"new TWTR.Widget({" +
  "version: 2," +
  "type: 'profile'," +
  "rpp: 8," +
  "interval: 6000," +
  "width: 250," +
  "height: 300," +
  "theme: {" +
    "shell: {" +
      "background: '#0e428f'," +
      "color: '#ffffff'" +
    "}," +
    "tweets: {" +
      "background: '#ffffff'," +
      "color: '#615161'," +
      "links: '#0748eb'" +
    "}" +
  "}," +
  "features: {" +
    "scrollbar: false," +
    "loop: false," +
    "live: false," +
    "hashtags: true," +
    "timestamp: true," +
    "avatars: false," +
    "behavior: 'all'" +
  "}" +
"}).render().setUser('" + screen_name + "').start();" +
"</script>";
        var test = "hello";
        document.getElementById('dynamic-content').innerHTML = htmlTest;
    }
</script> 


The function works fine when I omit the HTML and just return "screen_name" to the target <div>, but it doesn't work as above. Can anyone spot what I'm doing wrong???

How do I replace the string "rpg" only present in between <et> tags ?


Code:

<et>ReplaceOnlyrpg</et>

After replacement it should look like this

Code:

<et>ReplaceOnly</et>

Any advice is appreciated. Thank you

I found this line in one of the scripts on javascript.kit

<code>
if(document.layers|| document.getElementById|| document.all)
</code>

Could someone give me an idea on why this line would be used in a code?

Thank you very much

Hey all, I have a simple example below showing how when I pass in the value of the value attribute of option node, and then use if operator to check whether parameter is a string or not, even though it's a string, it converts it to false boolean and triggers the else statement rather than calling a function:

Code:

	<body>
		<select>
			<option value="createMsg">Add Message</option>
			<option value="removeMsg">Remove Message</option>
		</select>
	</body>

Code:

var menu = {
	handleMenu : function(callback){
 	   	if(callback === "string"){
			menu[callback]();
		}
 		else {
			console.log("Issue occurred")
		}
 		
	},
	createMsg : function(){
		var	content = document.createTextNode("Please give additional information."),
			heading = document.createElement("h1");

		heading.appendChild(content);
		document.body.appendChild(heading);

	},
	removeMsg : function(){
		
	}
}
 
document.getElementsByTagName('select')[0].onchange = function(){ menu.handleMenu(this.value)};

callback should be a string so why is it saying otherwise?

Thanks for response

I'm working on a website that will basically embed a widget/frame sent by a handler into a user's current page. The user basically adds a script tag to where they would like the HTML to be. The script tag has their settings and is basically a document.write that calls all the code that we want displayed.

So here's my problem. We have a map that we need to add in a specific section, and to get the map we have to call another script tag. So we end up having a script tag (map) embedded in another script tag (the code for the widget/frame) or we end up having to document.write inside a document.write.

Now this works just fine and as expected in Firefox, Safari, and Chrome. However, Internet Explorer and Opera wait until the first document.write is completely finished before calling the embedded one. Of course the problem with this, is that it takes the map out of the document's flow and just appends it to the bottom left of the page. Since the rest of the page has already been called, there's no way to move the interior "map" script.

Any ideas? Basically just trying to figure out how (if even possible) to render an embedded script tag in Internet Explorer and be able to place it properly. I've tried everything that I can think of, including AJAX and Google's unescape script.

Any suggestions, I'd greatly appreciate it. Or even if you've encountered a similar problem, and know that it just isn't possible in IE or Opera, that would be fine too.

Thanks in advance!