[HTML] [Flash] Dropdown-Menü

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Vergamer, 23. November 2006 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 23. November 2006
    [Flash] Dropdown-Menü

    Hi all

    Also, ich bin auf der Suche nach jemandem, der mir ein Dropdown-Menu machen kann. So àla http://www.sitepoint.com/flash/popup.swf ^^

    Einfach mit eigenem Style und nach unten, nicht auf die Seite...

    Hab momentan leider nicht sehr viel Zeit, deswegen kann ich selber kein Flash lernen... Wenn ihr das könnt, kontaktiert mich bitte per PN!

    Mfg Vergamer
     

  2. Anzeige
    Dealz: stark reduzierte Angebote finden.
  3. #2 23. November 2006
    AW: [Flash] Popup-Menü

    warum flash und nicht css, js, html ? oO

    kontra flash: hat nicht jeder
    pro css/html/etc: hat jeder, meistens . ;)
     
  4. #3 23. November 2006
    AW: [Flash] Popup-Menü



    zum flash lernen, einarbeiten und grafisch austoben ist flash gut ;)

    @threadersteller:
    gehts nur um das drobdown menü?
    da wird es ein ganz normales onMouseOver (oder wie das in AS heisst) sein, fasst wie in JS
    der unter dem button das menü läd/anzeigt.

    dazu müsstest im netz genügend tutorials finden.

    solltest du jedoch ne ganze seiten haben wollen, dann würd ich dir davon abraten, da es im endeffekt nichts bringt.
    flashseiten sind wie gesgat nur perfekt zum lernen und austoben ^^
     
  5. #4 23. November 2006
    AW: [Flash] Popup-Menü

    Ich will nur das Menü... Hab mich auch schon Tutorials angeschaut, aber ich komm mit dem Flash einfach nicht klar... Wär froh, wenn du mir das coden könntest... Wenn ja, dann schreib mir ne PN...
     
  6. #5 9. Februar 2007
    [Flash] Dropdown-Menü

    Hallo!
    ich braue ein Dropdown Menü!!
    aber ich möchte, dass es langsam aufsliedet, wenn man mit der maus drauf kommt! und wenn man auf ein thema mit der maus kommt, sollen die unterthemen(mit den links) nach LINKS aufgehen!
    das ganze soll noch halb durchsichtig erscheinen und schwarz werden...
    kennt jemande nen guten link, oder kann mir für sowas in der art nen quelltext schreiben???
    Bewertung is für jede hilfe selbst verständlich;)
     
  7. #6 9. Februar 2007
    AW: Dropdown Menü

    Mit den scriptaculous scripten könntest du dir was machen
    da machst du dann einen div container an der entsprechenden stelle und benutzt die funktion blindtoggle
     
  8. #7 9. Februar 2007
    AW: Dropdown Menü

    versuch das mit css zu machen

    CSS 4 You - The Finest in Stylesheets zum selbst erstellen/lernen
    css.fractatulum zum kopieren

    um was durchsichtig zu machen kannst du auch css benutzen, dafür braucht man kein javascript und es spart ladezeit :)

    -moz-opacity: 0.66; - mozilla (je höher die zahl desto dursichtiger)
    _filter: progid: DXImageTransform.Microsoft.Alpha(opacity=66); - ie (je höher die zahl desto dursichtiger
     
  9. #8 9. Februar 2007
    AW: Dropdown Menü

    Hab hier mal was für dich, funzt perfekt auch in HTML ;)

    Code:
    <script type="text/javascript">
    
    function init() {
     if (!document.getElementById) return
     var imgOriginSrc;
     var imgTemp = new Array();
     var imgarr = document.getElementsByTagName('img');
     for (var i = 0; i < imgarr.length; i++) {
     if (imgarr[i].getAttribute('hsrc')) {
     imgTemp[i] = new Image();
     imgTemp[i].src = imgarr[i].getAttribute('hsrc');
     imgarr[i].onmouseover = function() {
     imgOriginSrc = this.getAttribute('src');
     this.setAttribute('src',this.getAttribute('hsrc'))
     }
     imgarr[i].onmouseout = function() {
     this.setAttribute('src',imgOriginSrc)
     }
     }
     }
    }
    onload=init;
    
    </script>
    
    <script type="text/javascript">
    
    //Contents for menu 1 //KANN MANN VERÄNDERN ODER ERWEITERN
    var menu1=new Array()
    menu1[0]='<a href="#">Banner</a>'
    menu1[1]='<a href="#">Button</a>'
    
    //Contents for menu 2 //KANN MANN VERÄNDERN ODER ERWEITERN
    var menu2=new Array()
    menu2[0]='<a href="#">Unsere Sponsoren</a>'
    menu2[1]='<a href="#">Eure Sponsoren</a>'
    menu2[2]='<a href="#">Sponsor werden</a>'
    
    //Contents for menu 3 //KANN MANN VERÄNDERN ODER ERWEITERN
    var menu3=new Array()
    menu3[0]='<a href="#">News</a>'
    menu3[1]='<a href="#">Old News</a>'
    menu3[2]='<a href="#">Artickels</a>'
    menu3[3]='<a href="#">Releases</a>'
    menu3[4]='<a href="#">Downloads</a>'
    menu3[5]='<a href="#">Gamerenders</a>'
     
    var menuwidth='165px' //default menu width
    var menubgcolor='lightyellow' //menu bgcolor
    var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
    var hidemenu_onclick="yes" //hide menu when user clicks within menu?
    
    /////No further editting needed
    
    var ie4=document.all
    var ns6=document.getElementById&&!document.all
    
    if (ie4||ns6)
    document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
    
    function getposOffset(what, offsettype){
    var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
    var parentEl=what.offsetParent;
    while (parentEl!=null){
    totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
    parentEl=parentEl.offsetParent;
    }
    return totaloffset;
    }
    
    
    function showhide(obj, e, visible, hidden, menuwidth){
    if (ie4||ns6)
    dropmenuobj.style.left=dropmenuobj.style.top=-500
    if (menuwidth!=""){
    dropmenuobj.widthobj=dropmenuobj.style
    dropmenuobj.widthobj.width=menuwidth
    }
    if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
    obj.visibility=visible
    else if (e.type=="click")
    obj.visibility=hidden
    }
    
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    
    function clearbrowseredge(obj, whichedge){
    var edgeoffset=0
    if (whichedge=="rightedge"){
    var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
    dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
    if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
    edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
    }
    else{
    var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
    dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
    if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
    edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
    }
    return edgeoffset
    }
    
    function populatemenu(what){
    if (ie4||ns6)
    dropmenuobj.innerHTML=what.join("")
    }
    
    
    function dropdownmenu(obj, e, menucontents, menuwidth){
    if (window.event) event.cancelBubble=true
    else if (e.stopPropagation) e.stopPropagation()
    clearhidemenu()
    dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
    populatemenu(menucontents)
    
    if (ie4||ns6){
    showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
    dropmenuobj.x=getposOffset(obj, "left")
    dropmenuobj.y=getposOffset(obj, "top")
    dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
    dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
    }
    
    return clickreturnvalue()
    }
    
    function clickreturnvalue(){
    if (ie4||ns6) return false
    else return true
    }
    
    function contains_ns6(a, b) {
    while (b.parentNode)
    if ((b = b.parentNode) == a)
    return true;
    return false;
    }
    
    function dynamichide(e){
    if (ie4&&!dropmenuobj.contains(e.toElement))
    delayhidemenu()
    else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
    delayhidemenu()
    }
    
    function hidemenu(e){
    if (typeof dropmenuobj!="undefined"){
    if (ie4||ns6)
    dropmenuobj.style.visibility="hidden"
    }
    }
    
    function delayhidemenu(){
    if (ie4||ns6)
    delayhide=setTimeout("hidemenu()",disappeardelay)
    }
    
    function clearhidemenu(){
    if (typeof delayhide!="undefined")
    clearTimeout(delayhide)
    }
    
    if (hidemenu_onclick=="yes")
    document.onclick=hidemenu
    
    </script>
    diesen code kopiert du und fügst ihn VOR </head> ein.

    Anschliessend Erstellt ihr ein CSS was ihr so direckt von mir nehmen könnt:

    Code:
    <style type="text/css">
    
    #dropmenudiv{
    background-color:#efefef; 
    position:absolute;
    border:1px solid black;
    font:normal 12px Arial; color:#000;
    line-height:18px;
    z-index:100;
    }
    
    #dropmenudiv a{
    background-color:#efefef; 
    width: 100%;
    display: block;
    text-indent: 3px;
    }
    
    a:link { color: #000000; text-decoration:none; }
    a:visited { color: #000000; text-decoration:none; }
    a:active { color: #000000; text-decoration:none; }
    a:hover { color: #000000; font-weight:bold; text-decoration:none; }
    
    
    
    </style> 
    Diesen code fügst du VOR <script type="text/javascript"> ein.

    Jetzt klickst du auf deinen Button oder deinen Link und klickst Anschliessend auf code (so ist es bei Dreamwaver)

    Ich habe jetzt auf meinen Button geklickt und er sieht so aus:

    Code:
    <td rowspan="2">
     <img src="images/index_08.gif" width="103" height="27" alt=""></td>
    Leider können wir da snicht so stehen lassen und löschen das hier:

    Code:
    <img src="images/index_08.gif" width="103" height="27" alt=""></td>
    so nun nehemen wir meinen neuen Code und fügen in direckt hinter <td rowspan="2"> ein:

    Code:
    <td rowspan="2"><IMG SRC="images/index_08.gif" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '110px')" onMouseout="delayhidemenu() WIDTH=114 HEIGHT=38 ALT="Community" title="Community" border="0"></TD>

    MfG
     
  10. #9 13. Februar 2007
    AW: Dropdown Menü

    mhm danke schonmal... bewertungen sind draußen...

    aber eigentlich hatte ich mir sowas versprochen:
    klick mich;)

    aber mein problem is, das ich das ganze nicht auf die linke seite bekomme....
    hat vllt wer ne idea???
     
  11. #10 15. Februar 2007
    AW: Dropdown Menü

    also ich habe mir jetzt nochmal selber was gemacht, und sieht jetzt so aus: klick zum gucken...
    aber das prob is, dass ich wenn ich das ganze mit dem ie explorer öffen immer so ne komische meldung bekomme....
    das habe ich auch mit nem program gemacht und ka, bekomme das net weg... hat jemand ne idea???
     
  12. #11 15. Februar 2007
    AW: Dropdown Menü

    hm, find das total überflüssig....
    aber da ich ja nicht weiß was du noch draus machst:
    folgenden code in der datei menu/menu_1.js suchen und löschen:
    Code:
    eval(x36("bnhvu*%Mohlrjvh$Ngqyt\"pytv#ff\"syseketgg$gqu$Jpwisphx!wvi/$,"));
     
  13. #12 15. Februar 2007
    AW: Dropdown Menü

    ok :D :D :D
    jetzt gehts gut vielen dank^^
     
  14. #13 16. Februar 2007
    Dropdown - Menü???

    Hallo Leute ...

    Wiedereinmal, benötige ich eure hilfe!!! Ich willte dies eigentlich selber machen, aber das haut nicht hin.

    Also wie im Titel schon beschrieben suche ich ein Dropdownmenü, sprich eine Dropdwonnavi, aber nich ein Dropdown im eigentlichen sinne sondern eher sowas, wo ich hald mit der maus drüberhovere und dann erscheint eine subnavigation so wie auf dieser page LINK HIER <<

    wäre c00l wenn ihr mir da einen einfachen code geben könntet, denn ich schaffs einfach nicht!!!

    tHx

    ps.: für jede hilfreiche bemühung gibts natürlich einen bewertung!
     
  15. #14 16. Februar 2007
    AW: Dropdown - Menü???

    Naja, einfach nen Code, das funktioniert so nicht...
    Ich würde dir einfach mal ein Programm dazu empfehlen, wenn du nicht allzu viel Ahnung hast, wie man ein solches Menü erstellt...

    Ich kenne zwei, das eine ist "AllWebMenu" und das andere "Seltelco Menumaker".
    Kenne beide und beide machen ihre Aufgabe super, damit es so aussieht wie in deinem Link..
     
  16. #15 16. Februar 2007
    AW: Dropdown - Menü???


    was soll das denn heißen?

    "das funktioniert so nicht.." ??

    ich meine der code steht ja sogar im quelltext der seite -.-

    Javascript
    HTML:
    <script type="text/javascript"><!--//--><![CDATA[//><!--
    
    startList = function() {
     if (document.all&&document.getElementById) {
     navRoot = document.getElementById("nav");
     for (i=0; i<navRoot.childNodes.length; i++) {
     node = navRoot.childNodes[i];
     if (node.nodeName=="LI") {
     node.onmouseover=function() {
     this.className+=" over";
     }
     node.onmouseout=function() {
     this.className=this.className.replace(" over", "");
     }
     }
     }
     }
    }
    window.onload=startList;
    
    //--><!]]></script>
    
    Navi-Code:

    HTML:
    <ul id="nav">
    
     <li id="first">
     <div><a href="">Overview</a></div>
     <ul>
    
     <li><img src="images/remora4.gif" width="100" height="27" alt="Remora" /></li>
     <li><a href="">Classification</a></li>
     <li><a href="">Physcial Characteristics</a></li>
     <li><a href="">Habitat</a></li>
     <li><a href="">Lifestyle</a></li>
     <li><a href="">Evolution</a></li>
    
     <li><a href="">Distribution</a></li>
     </ul>
     </li>
    
     <li>
     <div><a href="">Species</a></div>
     <ul>
     <li><a href="">Ceylonese remora</a></li>
    
     <li><a href="">Remora remora</a></li>
     <li><a href="">Sharksucker</a></li>
     <li><a href="">Slender remora</a></li>
     <li><a href="">Spearfish remora</a></li>
     <li><a href="">Whitefin sharksucker</a></li>
     <li><img src="images/remora6.gif" width="59" height="80" alt="The top of a remoras head" /></li>
    
     </ul>
     </li>
    
     <li id="last">
     <div><a href="">Links</a></div>
     <ul>
     <li><a href="http://www.itis.usda.gov/servlet/SingleRpt/SingleRpt?amp;search_topic=TSN&amp;search_value=168567">Remoras at ITIS</a></li>
     <li><a href="http://animaldiversity.ummz.umich.edu/accounts/remora/r._remora.html">Remora remora at ADW</a></li>
    
     <li><a href="http://www.oceanlight.com/html/remora_sp.html">Phillip Colla photographs</a></li>
     <li><img src="images/remora3.gif" width="100" height="35" alt="Remora" /></li>
     <li><a href="http://www.amonline.net.au/fishes/fishfacts/fish/enaucrates.htm">Slender ****erfish at Australian Museum Online</a></li>
     <li><a href="http://www.colzoo.org/animalareas/shores/remora.html">Remora at Columbus Zoo</a></li>
    
     </ul>
     </li>
    
    </ul>
    
    Daraus kannste dir jetz deine basteln wie du das möchtest
     
  17. #16 17. Februar 2007
    AW: Dropdown - Menü???

    c00l tHx

    aber .... oO funktioniert nicht =(

    ich hasse es ich bekomme immer codes die ich nur copieren muss, aber funktionieren tun die bei mir NIE
     
  18. #17 17. Februar 2007
    AW: Dropdown - Menü???

    naja, das dropdown menü ist nicht gerade schön... hab auf ner clan page jetzt mal eins gesehen das so richtig slifrz
     
  19. #18 17. Februar 2007
    AW: Dropdown - Menü???

    Thx für eure hilfe, habe jetzt etwas gefunden und es selbst hinbekommen!
     
  20. #19 17. Februar 2007
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
  21. #20 17. Februar 2007
    AW: Dropdown Menü

    tztztz

    schön @Dunno

    schön das tutorial von mir geklaut ohne quelle usw.
    das tut stzammt von gamerenders.de

    tzz
     

  22. Videos zum Thema
Die Seite wird geladen...
Similar Threads - HTML Flash Dropdown
  1. Antworten:
    1
    Aufrufe:
    900
  2. Antworten:
    1
    Aufrufe:
    1.227
  3. Antworten:
    8
    Aufrufe:
    1.199
  4. Antworten:
    0
    Aufrufe:
    497
  5. Antworten:
    1
    Aufrufe:
    550
  • Annonce

  • Annonce