html execution in javascript?

[Snake X]

So, I built a nice piece of HTML on a page somewhere. However, it only shows up *properly* in chrome (dont ask what it is, just go along with the story). So I wanted to do something like this:

Code: Select All | Copy To Clipboard

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<script language="javascript" type="text/javascript"> var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1; if (is_chrome === true)   {     <p>this is HTML</p>     <p> all fancy shmancy html code goes here.</p>   } else   {      document.write("get chrome!");   } </script>

[calcdude84se]

You shouldn't be putting HTML directly in JS code. That shouldn't even work. If you want to modify the page using Javascript, you have to go through the DOM, or use document.write like you did in the else clause. What you write should also be proper HTML.
So, the two interesting lines should be like this:
document.write("<p>This is HTML</p>")
document.write("<p>Get Chrome!</p>")
The only reason that might work is because the JS code is being parsed like HTML. There are a couple ways to prevent that. Use CDATA, or make the whole thing a comment. Either should work. Note that you should do this for any JS code, just in case.

[BlakPilar]

Well, calcdude beat me over the fence (congrats if you get the reference). Like he said, writing HTML directly in JS is a no-no. You need to put it inside of quotes in a document.write().

EDIT: Doing a quick test in DW, this works:

Code: Select All | Copy To Clipboard

1 2 3 4 5 6 7 8 9 10 11 12

<script language="javascript" type="text/javascript"> var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1; if (is_chrome === true)   {      document.write("<p>this is HTML</p><p> all fancy shmancy html code goes here.</p>");   } else   {      document.write("get chrome!");   } </script>

[Snake X]

err, what is CDATA? I'm (VERY) new to javascript to be honest. I wanted to learn enough just to make this work. Also what is DOM?

edit: I put my html in double quotes and it showed up blank. My html includes tables, swf embedding, font color, size changes, and ascii extended characters.

[BlakPilar]

err, what is CDATA? I'm (VERY) new to javascript to be honest. I wanted to learn enough just to make this work. Also what is DOM?

CDATA stands for character data, but it allows non-XHTML pages to have actual JavaScript between the script tags, like you have. See here for more detail. (What I said might not make sense, so you might just want to look at the link.)

DOM stands for Document Object Model, for info look here. (Unless someone wants to explain >.>)

[calcdude84se]

DOM stands for the Document Object Model. It describes an object-oriented interface to an HTML (or any XML) file.
As for CDATA, it is just a special section which is not parsed. The best way to do it is like this:

Code: Select All | Copy To Clipboard

1 2 3 4 5

<script type="text/javascript"> //<![CDATA[ alert("Code goes here") //]]> </script>

It also makes it XHTML-compatible.
Edit: ninja'd

[Snake X]

EDIT: it works.. kinda. However it will display in firefox when it should not have because of the if-then condition.

edit: here is my code:

Code: Select All | Copy To Clipboard

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<script language="javascript" type="text/javascript"> document.title=("Cell's Awesome Profile! :)") var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1; if (is_chrome === true)   { <script type="text/javascript"> //<![CDATA[ alert(" <p>i has chrome yay</p> ") //]]>   } else   {      document.write("get chrome!");   } </script>

edit 2: the above code now does not work like at all. It is blank nomatter what browser u look at

[calcdude84se]

You slightly misinterpreted what I said
You don't use another <script> tag. The whole script should be in a CDATA section.
And the "alert(..." line in the example I gave stood for any JS code, given that it was a stand-in for the entire JS script.
Edit: thus, the fixed version of your code is

Code: Select All | Copy To Clipboard

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<script language="javascript" type="text/javascript"> //<![CDATA[ document.title=("Cell's Awesome Profile! :)") var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1; if (is_chrome === true)   {     document.print("<p>i has chrome yay</p>")   } else   {      document.write("<p>get chrome!</p>");   } //]]> </script>

Edit 2: also, you didn't put <p></p> around the other text. Fixed.

[Snake X]

I copied and pasted exactly what you had and it didnt show anything in chrome. However it displayed 'get chrome!' in firefox.

edit: is there any other way to do this exact same thing in other browser languages besides js? I mean like if my browser is chrome, execute all html, if not display 'yu needs chrome!'

[AngelFish]

What are you trying to do? If it's generating pages, that's probably best done in PHP or similar.

[cooliojazz]

You could use php...

Code: Select All | Copy To Clipboard

1 2 3 4 5 6 7 8 9 10

<html> <body> <?php if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']), "chrome") > -1) { ?> <!-- Chrome html here --> <?php } else { ?> <!-- Display error! --> <?php } ?> </body> </html

[BlakPilar]

Guys, don't you only need to use the CDATA tag when the page is in XHTML?

[Snake X]

You could use php...

Code: Select All | Copy To Clipboard

1 2 3 4 5 6 7 8 9 10

<html> <body> <?php if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']), "chrome") > -1) { ?> <!-- Chrome html here --> <?php } else { ?> <!-- Display error! --> <?php } ?> </body> </html

I have used your suggestion and made this:

Code: Select All | Copy To Clipboard

1 2 3 4 5 6 7

<?php if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']), "chrome") > -1) { ?> <!-- <p><font face="arial" size="24"><b>IM USING CHROME!!! </b></font></p> --> <?php } else { ?> <!-- <p>get chrome!</p> --> <?php } ?>

however this is displayed on both chrome and firefox: -1) { ?>

edit: if i take out the <!-- and --> on both, it displays all 3:

-1) { ?>
IM GETTING CHROME
get chrome!

[calcdude84se]

PHP is server-side. It needs to be run on the server. I don't know where you're testing this from, but, if you're testing it on your computer, just viewing the page in a web browser won't work. You'll have to set up a (small, temporary) webserver of your own on your computer to test. Now, if you're uploading this every time and testing it on your website, then make sure your host has PHP enabled. (Most all do.)

[Snake X]

im testing it on a webs page. Also where im putting this php up isnt gonna be on a server, its going to be on a chatango profile.

edit: http://greyshadowencodes.webs.com/detection.htm