Jump to content

Recommended Posts

I have this javascript code which uses mouseover for a tooltip. It works fine until i add php. Anyone know how i could add the php variable?

 

Here is the original code:

<span class="users_browsing" onmouseover="tooltip.show('hi');" onmouseout="tooltip.hide();">

 

Ive tried this but it doesnt work:

 

echo "<span class=\"users_browsing\" 
onmouseover=\"tooltip.show(\"{$content1}\");\" 
onmouseout=\"tooltip.hide();\">
Users Browsing Forum: {$browsers_num}</span>";

Link to comment
https://forums.phpfreaks.com/topic/217171-php-variable-in-javascript/
Share on other sites

First, get firebug (or equiv) and find out if your js is returning any errors when you run the function.

 

It is because you are not using ' for your js.

 

tooltip.show('hi');

tooltip.show("$content1");

 

try:

 

echo "<span class=\"users_browsing\"

onmouseover=\"alert('{$content1}');\"

onmouseout=\"\">

Users Browsing Forum: {$browsers_num}</span>";

 

 

i got firebug but dont know how to use it, so i dont know about any errors. I have tried your code and the same thing happens. It just echoes the html after the mouseover. You can see it here: http://www.thevault.cz.cc/index.php?forum=1&topic=52

 

The $content1 that you are putting into the alert() box is breaking the Javascript syntax.

 

If you are trying to style the alert box/contents, you need to do something like - http://javascript.internet.com/miscellaneous/custom-alert-box.html

i fixed it.

$content1 didnt just contain the usernames it also contained a <span> which had a class grabbed from a switch. I just reordered a few things and added the span to the javascript before content1 was called.

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.