JavaScript Forum

**asmalik12** · 06-22-2010, 01:57 AM

Hi,

I wanna to add a Javascript Box which appears on onmouseclick of the link.

Like in this page : Page, at the top of box u can see a [Sign in] Link. How could I add a box which appears down when someone click on the [Sign in]???

**Physicsguy** · 10:53 PM

You could have an absolutely placed DIV just below the Sign In link, then onclick, change the DIV's display to 'block'

. Something like this:

<a href="#" onclick="javascript: document.getElementById('sIB').style.display='bloc k';">Sign In</a>
<p>More Content</p>
<div id="sIB" style="display:none;margin-top:-50px;position:absolute;background:#888888;padding: 20px;border:10px solid #666666;color:#ffffff;">Sign In Box Contents Here</div>
<p>Content Content Content</p><p>Hoooray for content</p>

Then just have

<body onclick="javascript: document.getElementById('sIB').style.display='none ';">

****Currently working on better solution, check back soon for update

EDIT: Done :P

///Working show/hide sign in box script

Code:

<a href="#" onclick="javascript: if(sIB.style.display=='none'){sIB.style.display='block';}else {sIB.style.display='none';}">Sign In</a>
<p>More Content</p>

<div id="sIB" style="display:none;margin-top:-50px;position:absolute;background:#888888;padding:20px;border:10px solid #666666;color:#ffffff;">Sign In Box Contents Here</div>
<p>Content Content Content</p><p>Hoooray for content</p>

Even works with floats, everything!

**asmalik12** · 06-23-2010, 01:12 AM

Following is the code where I want to write it :

PHP Code:


			
      $toplinks6 =  get_option('stylewp_toplinks6'); 

      $toplinks4 = get_option('stylewp_toplinks4'); 



      echo '<br /><a class="topbarlink" href="' . get_settings('home') . '/wp-login.php">' . $toplinks6 . '</a>  &nbsp;|&nbsp; <a class="topbarlink" href="' . get_settings('home') . '/wp-login.php?action=register">' . $toplinks4 . '</a>  ';

**alibills** · 06-23-2010, 02:19 AM

no idea about that sorry

**asmalik12** · 06-23-2010, 03:20 AM

well, if I add '#' in href, but how to add Javacript in echo.

**Physicsguy** · 09:24 AM

To add a JavaScript in an echo...

Say your echo is this : echo "<script> ~~~~~</script>"; but that doesn't work. The quotes mess it up. But you setimes need them. Simple fix:

echo <<<Script
script stuff
Script;

Done!

Now to add what you want you can just do that technique above in my example