Page 1 of 1

Navigation Bar with dropdowns and Javascript

Posted: Sun 26 Jun 2011 5:11 am
by pacificblue03
im working on a Navigation bar with a dropdown under say GRAPHS to do this

Drop down the available graphs eg Wind, Temp ETC

What javascript would i need so that when you

hover over Graphs > Wind / Temp / Rain will pop up >>> onclick open in popup window or a popup of some kind

heres a test page http://www.westmeadnswweather.com/indexT2.htm

Heres my code so far

<ul id="nav">
<li class="top"><a href="index.htm" class="top_link"><span>Home</span></a></li>
<li class="top"><a href="trends.htm" id="products" class="top_link"><span class="down">Graphs</span></a>
<ul class="sub">

<li> <a href="images/wind.png">Wind Last 24 Hours</a></li>
</ul>
</li>

Antonio.

Re: Navigation Bar with dropdowns and Javascript

Posted: Sun 26 Jun 2011 7:04 am
by pacificblue03
what i am asking is here

http://hawickweather.co.uk/graphs

but how do i do this?

Antonio.

Re: Navigation Bar with dropdowns and Javascript

Posted: Sun 26 Jun 2011 7:57 am
by captzero
A check of the source code for the page shows they are using ThickBox but the site says its no longer supported. http://jquery.com/demo/thickbox/
On my home page, I am using thumbnailviewer.js to display my graphs in a pop up when you click on the relevant text link. Available here: http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm
Follow the directions. Very easy to install.

Re: Navigation Bar with dropdowns and Javascript

Posted: Sun 26 Jun 2011 11:27 am
by pacificblue03
thanks for that it looks confusing but im gonna give it a go although mine are not thumbnails they are a list in the dropdown will this matter?

Antonio.

Re: Navigation Bar with dropdowns and Javascript

Posted: Sun 26 Jun 2011 11:36 am
by pacificblue03
its not working what am i doing wrong?

<li> <a href="images/wind.png" rel="thumbnail" title="Wind last 24 hours">Wind</a></li>

http://www.westmeadnswweather.com/indexT2.htm

click on wind

Antonio.

Re: Navigation Bar with dropdowns and Javascript

Posted: Sun 26 Jun 2011 12:16 pm
by pacificblue03
ok got it working my divs had something to do with it

this looks awesome

http://www.westmeadnswweather.com/indexT2.htm

Antonio.

Re: Navigation Bar with dropdowns and Javascript

Posted: Sun 26 Jun 2011 12:22 pm
by pacificblue03
pacificblue03 wrote:ok so i asked my domain company how to make a sql database they will do this for me

WHAT exactly do i have to do for the graphs i want to use to display exactly whats displayed here? http://www.westmeadnswweather.com/trends.htm

thanks

Antonio.
So i wanted to know if anyone here knows how i am supposed to make a sql database on my webhost ??

i have something a friend gave me called WAMPSERVER but it just is so confusing

Antonio.