[Help]Dropdown Pages! HTML, CSS, PHP[HELP]

[wite]

Hi,

I was playing around with a release off DevBest, thanks to Navigation
Well, I was making a Server website [Not real servers, just playing around with PHP and CSS], and I thought of
a great idea. But I just got a bit lost while doing it, basically I wanted to have 5 buttons going across the page with the types of VPS' on them. I got the buttons up, but when you put your mouse on one I want a bunch of text to drop down. I have no idea what the codes for this are, so I need a bit of help !

Alright, here is a screenie to show you what I mean;

So as you see, I have 5 buttons going across, stating : Starter, Bronze, Silver, Gold & Platinum (Obviously VPS Options). So when you put your mouse on a button I want it to drop down with a paragraph or 2 of writing.
If anyone could help me with this code(s), it would be really helpful!

Thanks,
Supa.

 

[Weasel]

This is an sort of how you can do it:

You must be registered for see links

 

[wite]

This is an sort of how you can do it:

You must be registered for see links

Thanks, but that isn't quite what I need. I don't want a dropdown box with options, I want text to fill the rest of the page once you put your mouse an one of the buttons (Text with the Server's specs etc..)

 

[Weasel]

Thanks, but that isn't quite what I need. I don't want a dropdown box with options, I want text to fill the rest of the page once you put your mouse an one of the buttons (Text with the Server's specs etc..)

It has some sort of the same base. Just mess a little bit around with the code, and I think you can make something yourself. If you still encounter any problems, just say so. There are enough of Developers on here who can help you.

 

[wite]

It has some sort of the same base. Just mess a little bit around with the code, and I think you can make something yourself. If you still encounter any problems, just say so. There are enough of Developers on here who can help you.

Yeah I had a little play around with it, not really working as planned. I have seen what I need on some websites before, just can't remember what they were ! Oh well I will keep trying and waiting.

 

[Savallusion]

I'd suggest learning some Ajax/jQuery for what you want. jQuery/AJAX dropdown/slide is what you want (I believe)

 

[wite]

I'd suggest learning some Ajax/jQuery for what you want. jQuery/AJAX dropdown/slide is what you want (I believe)

I haven't looked into Ajax/jQuery yet! I have been mainly concentrating on PHP, HTML, CSS & C#. Could you help me with some jQuery maybe?

 

[Savallusion]

You must be registered for see links

I suggest you try writing the codes yourself though, as copy+paste won't teach you much

 

[wite]

You must be registered for see links

I suggest you try writing the codes yourself though, as copy+paste won't teach you much

What's copy+paste? LOOOOOOOOOOL

 

[Savallusion]

What's copy+paste? LOOOOOOOOOOL

That's the spirit

 

[wite]

That's the spirit

I am eventually going to buy a node and a windows server license and use this for real anyway... but that is a little while away yet, so I may as well learn now.

Well, this still isn't exactly giving me what I need .... I just want a paragraph or 2 of writing with the server specs on it + the PayPal buy button to pop down if you put your mouse on the button (Obviously I will do the text / PayPal button, I just need to know how to get this to drop down)

 

[Sledmur]

I dont think you should own a host, if you can't make something as simple as this.

 

[wite]

I dont think you should own a host, if you can't make something as simple as this.

I am still learning, as I said this is still a long way away... Just learning at the moment.

EDIT: I started learning not even 2 weeks ago.

 

[Sledmur]

I am still learning, as I said this is still a long way away... Just learning at the moment.

EDIT: I started learning not even 2 weeks ago.

Focus more on writing scripts then. That's how i learnt atleast. I didn't take on full scale projects i wrote little stuff and then rewrote it several times to make it more effective.

 

[wite]

Focus more on writing scripts then. That's how i learnt atleast. I didn't take on full scale projects i wrote little stuff and then rewrote it several times to make it more effective.

Ok, I will try that. Thanks.

 

[Kryptos]

You could do this with basic jQuery.. You just have to Google your question oh filling <divs> with jQuery.

<script type="text/javascript">
$("#divID").hover(function () { //OMG HE HOVERED
    $(#divID).html('WOOO GIVE HIM DIS TXT');
  },
  function () { //OMG HE GOT HIS HOVER OUT OF THE DIV
    $(#divID).html("AMG QUICK LETS SHOW ORIGINAL TXT");
  }
);
</script>

 

[wite]

You could do this with basic jQuery.. You just have to Google your question oh filling <divs> with jQuery.

<script type="text/javascript">
$("#divID").hover(function () { //OMG HE HOVERED
    $(#divID).html('WOOO GIVE HIM DIS TXT');
  },
  function () { //OMG HE GOT HIS HOVER OUT OF THE DIV
    $(#divID).html("AMG QUICK LETS SHOW ORIGINAL TXT");
  }
);
</script>

Thank you, I can work it out from here.

Close thread if you want to