um im stuck

  • gt8ost4l
  • Student
  • Student
  • User avatar
  • Posts: 99

Post 3+ Months Ago

does anybody know what the effect is called when you click on the arrow and a list of things drops down does anybody know wat this is called n wat language is it
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • CStrauss
  • Graduate
  • Graduate
  • User avatar
  • Posts: 122
  • Loc: St. Louis MO. USA

Post 3+ Months Ago

Do you mean a drop down menu? If so there are several languages to do it in. Javascript being one, flash is another way, you can also do it in CSS I believe.

Try doing a google search on drop down menu tutorials and you get some good places to start.
  • gt8ost4l
  • Student
  • Student
  • User avatar
  • Posts: 99

Post 3+ Months Ago

no not drop down menu's thats using lists i mean like a messenger when you click yahoo
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

HTML Code: [ Select ]
<select name="name">
<option value="option 1">option 1</option>
<option value="option 2">option 2</option>
<option value="option 3">option 3</option>
</select>
  1. <select name="name">
  2. <option value="option 1">option 1</option>
  3. <option value="option 2">option 2</option>
  4. <option value="option 3">option 3</option>
  5. </select>

Is that what you mean?
  • gt8ost4l
  • Student
  • Student
  • User avatar
  • Posts: 99

Post 3+ Months Ago

nah i think its with java script do yu have a yahoo sn
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

gt8ost4l wrote:
nah i think its with java script do yu have a yahoo sn

No, but I think I know what you're talking about... the information in the select thing like fades and/or slides?

What do you mean Yahoo SN? Messenger?
  • gt8ost4l
  • Student
  • Student
  • User avatar
  • Posts: 99

Post 3+ Months Ago

LOL YAHOO SCREEN NAME
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

gt8ost4l wrote:
LOL YAHOO SCREEN NAME

:lol: Chill down Not everybody uses Yahoo

no I don't have YAHOO SCREEN NAME
  • gt8ost4l
  • Student
  • Student
  • User avatar
  • Posts: 99

Post 3+ Months Ago

then wat aol or msn?
  • spork
  • Brewmaster
  • Silver Member
  • User avatar
  • Posts: 6241
  • Loc: Seattle, WA

Post 3+ Months Ago

Do you mean a hierarchal list like this?

Image

If not, you aren't being very clear about what you're talking about. You're going to have to explain what you want a lot more.
  • gt8ost4l
  • Student
  • Student
  • User avatar
  • Posts: 99

Post 3+ Months Ago

yes thats it with the arrow but what language is that n wat is it called
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

gt8ost4l wrote:
yes thats it with the arrow

The Tree View?
  • gt8ost4l
  • Student
  • Student
  • User avatar
  • Posts: 99

Post 3+ Months Ago

no with th arrow
  • spork
  • Brewmaster
  • Silver Member
  • User avatar
  • Posts: 6241
  • Loc: Seattle, WA

Post 3+ Months Ago

It can be done in pretty much any language. Since we're in the web design forum, I'm assuming you want to do it on a web page.

The example above is a component in Adobe Flex, so it's not actually HTML. If you want to do it in HTML, you'll most likely use Javascript and CSS.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

Image
That?
  • gt8ost4l
  • Student
  • Student
  • User avatar
  • Posts: 99

Post 3+ Months Ago

yes finally yu figured it out
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

gt8ost4l wrote:
yes finally yu figured it out

So, what you are talking about is...
Image
...and yet you said you don't want tree view...
gt8ost4l wrote:
no with th arrow

But the thing you're talking about is a tree view.

Anyway, Here is a list of those things.
  • gt8ost4l
  • Student
  • Student
  • User avatar
  • Posts: 99

Post 3+ Months Ago

its a drop down *plum* go to lik in a forums when you click on the button and the whole box get lifted up
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

I think that this is what you want... You make it so hard :x ( :lol: )
JAVASCRIPT Code: [ Select ]
function hidediv() {
 if (document.getElementById) { // DOM3 = IE5, NS6
   document.getElementById('hideShow').style.visibility = 'hidden';
 } else {
   if (document.layers) { // Netscape 4
    document.hideShow.visibility = 'hidden';
   } else { // IE 4
    document.all.hideShow.style.visibility = 'hidden';
   }
 }
}
 
function showdiv() {
 if (document.getElementById) { // DOM3 = IE5, NS6
   document.getElementById('hideShow').style.visibility = 'visible';
 } else {
   if (document.layers) { // Netscape 4
    document.hideShow.visibility = 'visible';
   } else { // IE 4
    document.all.hideShow.style.visibility = 'visible';
   }
 }
}
  1. function hidediv() {
  2.  if (document.getElementById) { // DOM3 = IE5, NS6
  3.    document.getElementById('hideShow').style.visibility = 'hidden';
  4.  } else {
  5.    if (document.layers) { // Netscape 4
  6.     document.hideShow.visibility = 'hidden';
  7.    } else { // IE 4
  8.     document.all.hideShow.style.visibility = 'hidden';
  9.    }
  10.  }
  11. }
  12.  
  13. function showdiv() {
  14.  if (document.getElementById) { // DOM3 = IE5, NS6
  15.    document.getElementById('hideShow').style.visibility = 'visible';
  16.  } else {
  17.    if (document.layers) { // Netscape 4
  18.     document.hideShow.visibility = 'visible';
  19.    } else { // IE 4
  20.     document.all.hideShow.style.visibility = 'visible';
  21.    }
  22.  }
  23. }

Example of usage...
HTML Code: [ Select ]
<a href="javascript&#058;hidediv()">Hide</a> <a href="javascript&#058;showdiv()">Show</a>
<div class="whatever" id="hideShow">
Blahblah blah
</div>
 
  1. <a href="javascript&#058;hidediv()">Hide</a> <a href="javascript&#058;showdiv()">Show</a>
  2. <div class="whatever" id="hideShow">
  3. Blahblah blah
  4. </div>
  5.  

I'm pretty sure you can have only one of the divs on the page... otherwise, the link would hide/show all of those divs...

If you want to have multiple of those things, you can try something like...
JAVASCRIPT Code: [ Select ]
function hidediv(div) {
 if (document.getElementById) { // DOM3 = IE5, NS6
   document.getElementById(div).style.visibility = 'hidden';
 } else {
   if (document.layers) { // Netscape 4
    document.hideShow.visibility = 'hidden';
   } else { // IE 4
    document.all.hideShow.style.visibility = 'hidden';
   }
 }
}
 
function showdiv(div) {
 if (document.getElementById) { // DOM3 = IE5, NS6
   document.getElementById(div).style.visibility = 'visible';
 } else {
   if (document.layers) { // Netscape 4
    document.hideShow.visibility = 'visible';
   } else { // IE 4
    document.all.hideShow.style.visibility = 'visible';
   }
 }
}
  1. function hidediv(div) {
  2.  if (document.getElementById) { // DOM3 = IE5, NS6
  3.    document.getElementById(div).style.visibility = 'hidden';
  4.  } else {
  5.    if (document.layers) { // Netscape 4
  6.     document.hideShow.visibility = 'hidden';
  7.    } else { // IE 4
  8.     document.all.hideShow.style.visibility = 'hidden';
  9.    }
  10.  }
  11. }
  12.  
  13. function showdiv(div) {
  14.  if (document.getElementById) { // DOM3 = IE5, NS6
  15.    document.getElementById(div).style.visibility = 'visible';
  16.  } else {
  17.    if (document.layers) { // Netscape 4
  18.     document.hideShow.visibility = 'visible';
  19.    } else { // IE 4
  20.     document.all.hideShow.style.visibility = 'visible';
  21.    }
  22.  }
  23. }

And usage would be something like...
HTML Code: [ Select ]
<a href="javascript&#058;hidediv(menu)">Hide</a> <a href="javascript&#058;showdiv(menu)">Show</a>
<div class="whatever" id="menu">
Blahblah blah
</div>
<a href="javascript&#058;hidediv(content)">Hide</a> <a href="javascript&#058;showdiv(content)">Show</a>
<div class="whatever" id="content">
Blahblah blah
</div>
 
  1. <a href="javascript&#058;hidediv(menu)">Hide</a> <a href="javascript&#058;showdiv(menu)">Show</a>
  2. <div class="whatever" id="menu">
  3. Blahblah blah
  4. </div>
  5. <a href="javascript&#058;hidediv(content)">Hide</a> <a href="javascript&#058;showdiv(content)">Show</a>
  6. <div class="whatever" id="content">
  7. Blahblah blah
  8. </div>
  9.  

I think that's how it would be... someone correct me if I'm wrong... and if this isn't what you want... I give up trying to find out.
  • gt8ost4l
  • Student
  • Student
  • User avatar
  • Posts: 99

Post 3+ Months Ago

hey thanks friend

Post Information

  • Total Posts in this topic: 20 posts
  • Users browsing this forum: No registered users and 70 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.