Links


  • v1rus
  • 1395 Aufrufe 20 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Links

    Hallo ich hab ein problem ich weiss nicht wie das heisst was ich meine
    und finde deswegen nix auf selfhtml.org
    also ich erklaehrs euch
    ich hab da meine links:

    Link-A
    Link-B
    Link-C

    dann klicke ich auf LINK-A
    dann sollte es so aussehen

    Link-A
    -Unterverweis
    -Unterverweise die zweite
    -Unterverweise nummer3
    -Unterverweis 4
    Link-B
    Link-C


    das soll den linken frame darstellen
    aber die schaffe ich es wenn jemand auf nen link klickt dann diese "unterverweise" enstehen
    ich weiss nicht wie und wie das heisst ihrkoennt mir sicher helfen!


    2. frage:
    also meine bishere seite besteht aus 2 tabellen
    links und rechts
    die links ist klein und die rechte ist relativ gross
    als raender gedacht etc
    wenn ich in der LINKEN-haelfte z.b. auf den linkD
    klicke will ich das sich rechts eine seite oeffnet! im der RECHTEN-haelfte
    ich weisss wie es it frames geht aber nicuth mit tabellen

    thx -.-

  • naja, kannste es faken!!
    wenn du auf den link klickst wird einfach eine neue html-seite, die eben das obermenue und auch umtermue haben, aufgerufen!!
    brauchst halt fuer jedes untermenue eine eignen html seite!! ausserdem ist es dann auch nicht moeglich mehrere untermenues gleichzeitig offen zu haben!! :(

    ansonsten javascript oder php!!

    <EDIT>
    ad 2.frage: die verstehe ich ueberhaupt nicht!!
    </EDIT>

  • #
    bedeutet doch diesenm teil ignorieren
    #klein
    ist fuer mich der die kleine tabelle
    zur uebersicht -.-

    koennt ihr mir sagen wie so ein java script funst ? einen link zu einem beispiel geben! oder so
    das 2te editier ich mal -.-
    *edit*2te frage wurde verstaendlicher gemacht
    (hoffe ich)

  • kann ifko nur beipflichten!! iframes ist eine saubere loesung!!
    du machst ne tabelle fuers menue und nen iframe fuer den content!! dabei hast du auch den vorteil, dass sich der content von der groesse her nicht aender, da du scroll balken hast!!
    wgn. den sub-menues: unterstuetzt dein webspace php!?

  • @ifko: von der performance her, ja! denk auch mal daran, dass es noch immer leute gibt, die JS deaktiviert haben! eine page, auf der das hauptmenue nicht funktioniert, ist wertlos!! ich rate daher eher zu einer php loesung!!

    @virus: sag mir bitte, ob deine menues sich desoefteren aendern, oder ob diese immer gleich bleiben! ich werde dir dann mal schnell was coden!! simple coden!! ;)

  • wie meinst du das mit oft aendern ? -.-

    ich kann keni php
    ich hab mir zwar eni teueres buch gekauft
    aber ich verstehe es nicht ich les das und denke mir *lol* *dude*

    naja ich weiss nicht was du mit veraendern meinst -.-

  • naja, meinte damit, ob...
    du jeden 2ten tag ein anderes menue haben willst
    ODER
    oder ob du es einmal anlegst und dann bleibt das so bis in alle ewigkeit
    ODER
    soll das menue fuer bestimmte user selbst einstellbar sein!?
    ODER
    ???

    ich glaube, dass ich als alter web-dever schon wieder viel zu dynamisch (=kompliziert) denke, kann das sein!?

  • Vielleicht suchste ja sowas:

    PHP-Quellcode

    1. <body onload="init()" bgcolor="#F5F5FF">
    3. <style>
    4. DIV.clTop {position:absolute; width:300}
    5. DIV.clSub {position:absolute; left:15; width:300;}
    6. #divCont {position:relative; left:100; height:100; width:300;}
    7. A.clMain {font-family:Arial, Verdana, Helvetica, Helv; font-size:14px; text-decoration:none; font-weight:bold; color:black;}
    8. A.clSubb {font-family:Arial, Verdana, Helvetica, Helv; font-size:14px; text-decoration:none; color:black;}
    9. #divMain {position:absolute;}
    10. </style>
    12. <script language="JavaScript">
    13. <!--
    14. var stayFolded=false
    15. var exImg=new Image(); exImg.src='Bilder/Navi/dsmh.gif'
    16. var unImg=new Image(); unImg.src='Bilder/Navi/usm.gif'
    17. var n = (document.layers) ? 1:0;
    18. var ie = (document.all) ? 1:0;
    19. var browser=((n || ie) && parseInt(navigator.appVersion)>=4)
    21. function makeMenu(obj,nest){
    22. nest=(!nest) ? '':'document.'+nest+'.'
    23. this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')
    24. this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document');
    25. this.height=n?this.ref.height:eval(obj+'.offsetHeight')
    26. this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop;
    27. this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt
    28. return this
    29. }
    30. function b_showIt(){this.css.visibility="visible"}
    31. function b_hideIt(){this.css.visibility="hidden"}
    32. function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;}
    33. function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
    35. function init(){
    36. oTop=new Array()
    37. oTop[0]=new makeMenu('divTop1','divCont')
    38. oTop[1]=new makeMenu('divTop2','divCont')
    39. oTop[2]=new makeMenu('divTop3','divCont')
    40. oTop[3]=new makeMenu('divTop4','divCont')
    41. oSub=new Array()
    42. oSub[0]=new makeMenu('divSub1','divCont.document.divTop1')
    43. oSub[1]=new makeMenu('divSub2','divCont.document.divTop2')
    44. oSub[2]=new makeMenu('divSub3','divCont.document.divTop3')
    45. oSub[3]=new makeMenu('divSub4','divCont.document.divTop4')
    46. for(i=0;i<oSub.length;i++){ oSub[i].hideIt() }
    47. for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) }
    48. }
    49. function menu(num){
    50. if(browser){
    51. if(!stayFolded){
    52. for(i=0;i<oSub.length;i++){
    53. if(i!=num){
    54. oSub[i].hideIt()
    55. oTop[i].ref['imgA'+i].src=unImg.src
    56. }
    57. }
    58. for(i=1;i<oTop.length;i++){
    59. oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
    60. }
    61. }
    62. if(oSub[num].vis()){
    63. oSub[num].showIt()
    64. oTop[num].ref['imgA'+num].src=exImg.src
    65. }else{
    66. oSub[num].hideIt()
    67. oTop[num].ref['imgA'+num].src=unImg.src
    68. }
    69. for(i=1;i<oTop.length;i++){
    70. if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height)
    71. else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
    72. }
    73. }
    74. }
    75. // -->
    76. </script>
    78. <div id="divCont">
    79. <div id="divTop1" class="clTop"><a href="#" target="_self" onclick="menu(0); return false" class="clMain">
    80. <img src="Bilder/Navi/usm.gif" name="imgA0" alt="" border="0"> Dein Text</a><br>
    81. <div id="divSub1" class="clSub">
    82. Deine Links
    83. </div>
    84. </div>
    85. <div id="divTop2" class="clTop"><a href="#" target="_self" onclick="menu(1); return false" class="clMain">
    86. <img src="Bilder/Navi/usm.gif" name="imgA1" alt="" border="0"> Dein zweiter Text</a><br>
    87. <div id="divSub2" class="clSub">
    88. Die nächsten linkz
    89. </div>
    90. </div>
    91. <div id="divTop3" class="clTop"><a href="" onclick="menu(2); return false" class="clMain">
    92. <img src="Bilder/Navi/usm.gif" name="imgA2" alt="" border="0"> Und noch son text</a><br>
    93. <div id="divSub3" class="clSub">
    94. Und noch nen paar linkz
    95. </div>
    96. </div>
    97. <div id="divTop4" class="clTop"><a href="" onclick="menu(3); return false" class="clMain">
    98. <img src="Bilder/Navi/usm.gif" name="imgA3" alt="" border="0"> text ...</a><br>
    99. <div id="divSub4" class="clSub">
    100. Linz :D
    101. </div>
    102. </div>
    103. </div>
    Alles anzeigen


    Und die Bilder dazu:
    h**p://familie.Timo-Reinders.de/Bilder/Navi/dsmh.gif
    h**p://familie.Timo-Reinders.de/Bilder/Navi/usm.gif

    Hoffe dir geholfen zu haben!
    MFG SyntoniC
    [SIZE=1]
    P||R||O||F||I||L
    Bevorzugt: NoName Ex-User
    Blacklist
    [/SIZE]

  • @syntonic: schau fdir mal dein menue, oder was es auch immer sein sollte, im firefox 1.0 preview release an!!
    hier ist genau das passiert, was ich oben irgendwo schon mal angesprochen habe!!
    DIESES MENUE FUNZT BEI MIR NICHT!! ==> seite ist fuer mich wertlos!!

    @v1rus: gib mir ein paar tage, bin ein bisserl im stress, bin noch immer in der arbeit, obwohl es freitag ist, und bier im ueberfluss vorhanden ist!! ,-) ich code dir was 'sicheres'!!