[RESOLVED] Y U now work ??

**Stobor** · 07-25-2012 08:12 AM

so in a search of working method to change div content after an hour i came back to w3school website and copied code from there , and that bloody thing still doesn't work. Am i doing it wrong ?
button

PHP Code:


echo "

<div class=\"mainmenu\">

<button onclick=\"displayDate()\" id=\"buttons\" type=\"button\">asdasd</button>

</div>

</br>

";

div block

PHP Code:


echo"

<div id=\"teams\">

<p id=\'test\'>asdasd</p></div>

";

function

PHP Code:


echo "

<script type=\"text/javascript\">

function displayDate()

{

document.getElementById(\"test\").innerHTML=Date();

}

</script>

";

any ideas ?

**Nvenom** · 07-25-2012 08:51 AM

PHP Code:


echo "
<script type=\"text/javascript\"> 
function displayDate() 
{ 
document.getElementById(\"test\").innerHTML=Date(); 
} 
</script>
";

Try this

PHP Code:


echo "
<script type=\"text/javascript\"> 
function displayDate(){ alert(\"button Clicked\") } 
</script>
";

and see if it Shows up

also if your trying to use php date function it would look like this

PHP Code:


echo "
<script type=\"text/javascript\"> 
function displayDate() 
{ 
document.getElementById(\"test\").innerHTML=".Date('Y-m-d')."; 
} 
</script>
";

**Stobor** · 07-25-2012 08:52 AM

Yes it does, but i copied the function straight from the w3school and changed only the ID of the <p> any ideas why its not working ?

**Nvenom** · 07-25-2012 08:55 AM

Post the link to where you got it on W3school

**nap0leon** · 07-25-2012 08:56 AM

Your code works fine in the latest FireFox and IE8.

Compare the HTML below with what your rendered HTML to see what you might have wrong. Have you checked the error console to see if it is throwing an error?

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Demo</title>
</head>
<body>
<div class="mainmenu">
<button onclick="displayDate()" id="buttons" type="button">asdasd</button>
</div>
<div id="teams">
<p id='test'>asdasd</p></div>
</br> 


<script type="text/javascript">
function displayDate() {
	document.getElementById("test").innerHTML=Date();
}
</script> 

</body>
</html>

**Stobor** · 07-25-2012 09:10 AM

Originally Posted by nap0leon

Your code works fine in the latest FireFox and IE8.

Compare the HTML below with what your rendered HTML to see what you might have wrong. Have you checked the error console to see if it is throwing an error?

I created an html file with the same code and it works. But when i do it in .php with echo it doesn't work, in fact i dont have any .html files only one .php and one .css in my "working directory". And i dont know how to open error console.

heres my full .php file

PHP Code:


<link rel="stylesheet" type="text/css" href="styles.css" />





<?php

// function for changing div

echo "

<script type=\"text/javascript\">

function displayDate()

{

document.getElementById(\'test\').innerHTML=Date();

}

</script>

";

// main picture

echo "

<div class=\"mainpic\">

<img class=\"emblem\" src=\"pic/emblem.png\"/>

</div>

";



// main menu

echo "

<div class=\"mainmenu\">

<a href=\"teams.php\"><input id=\"buttons\" type=\"button\" value=\"Teams\"></a>

<a href=\"tour.php\"><input id=\"buttons\" type=\"button\" value=\"Tournaments\"></a>

<button onclick=\"displayDate()\" id=\"buttons\" type=\"button\">asdasd</button>

</div>

</br>

";



// div block

echo"

<div id=\"teams\">

<p id=\'test\'>asdasd</p></div>

";

?>

**criterion9** · 07-25-2012 09:47 AM

<p id=\'test\'>asdasd</p></div>

I bet that's your problem.

Code:

<p id=\"test\">asdasd</p></div>

**Stobor** · 07-25-2012 09:58 AM

Nope. still doesn't work.

**Nvenom** · 07-25-2012 10:18 AM

Dosent work because you have \ next to ' and that causes the id of \'test\' to be read as 'test\' in Javascript so use this instead

PHP Code:


<link rel="stylesheet" type="text/css" href="styles.css" /> 





<?php 

// function for changing div 

echo " 

<script type=\"text/javascript\"> 

function displayDate() 

{ 

document.getElementById(\'test\').innerHTML=Date(); 

} 

</script> 

"; 

// main picture 

echo " 

<div class=\"mainpic\"> 

<img class=\"emblem\" src=\"pic/emblem.png\"/> 

</div> 

"; 



// main menu 

echo " 

<div class=\"mainmenu\"> 

<a href=\"teams.php\"><input id=\"buttons\" type=\"button\" value=\"Teams\"></a> 

<a href=\"tour.php\"><input id=\"buttons\" type=\"button\" value=\"Tournaments\"></a> 

<button onclick=\"displayDate()\" id=\"buttons\" type=\"button\">asdasd</button> 

</div> 

</br> 

"; 



// div block 

echo" 

<div id=\"teams\"> 

<p id='test'>asdasd</p></div> 

"; 

?>

**nap0leon** · 07-25-2012 10:44 AM

Ahh - a php issue, not a javascript issue.

BTW, when I say "rendered HTML" I am referring to you doing a "View Source" in your web browser to see what your HTML actually looks like. If the issue is an extra \ somewhere in the IDs, you would see it in "View Source".

Error Console is typically in something named like "Developer Tools" which is typically accessed by pressing [F12] in your browser. If you are using FireFox, I strongly encourage installing the FireBug add-on.

**NogDog** · 07-25-2012 11:03 AM

Consider using HEREDOC quoting so that you don't have to worry about escaping quotes.

PHP Code:


<?php

echo <<<END

<p id="do_not_need_slashes">This is a test</p>

<p>And it interpolates $variables just like double quotes</p>

   <p>You can indent all you want, EXCEPT the ending string can not have ANY leading white-space:</p>

END;



?>

**Stobor** · 07-25-2012 11:08 AM

It works everywhere like that why shouldn't it work with \'test\' in particular ?

Originally Posted by nap0leon

Ahh - a php issue, not a javascript issue.

BTW, when I say "rendered HTML" I am referring to you doing a "View Source" in your web browser to see what your HTML actually looks like. If the issue is an extra \ somewhere in the IDs, you would see it in "View Source".

Error Console is typically in something named like "Developer Tools" which is typically accessed by pressing [F12] in your browser. If you are using FireFox, I strongly encourage installing the FireBug add-on.

did that , thankyou

Originally Posted by NogDog

Consider using HEREDOC quoting so that you don't have to worry about escaping quotes.

PHP Code:


<?php
echo <<<END
<p id="do_not_need_slashes">This is a test</p>
<p>And it interpolates $variables just like double quotes</p>
   <p>You can indent all you want, EXCEPT the ending string can not have ANY leading white-space:</p>
END;

?>

wow didnt know you can do that. thankyou

**Stobor** · 07-25-2012 11:16 AM

Thankyou all for helping HEREDOC did the job.

Thread: [RESOLVED] Y U now work ??

Thread Tools

Display

[RESOLVED] Y U now work ??

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions