• Hallo Leute,

    ich bin ein absoluter Anfänger was "html" angeht.


    ich hab ein kleines html Problem, und zwar läuft bei uns grad in der Schule son Projekt, dass jeder eine Webseite erstellt (natürlich nichts profesionelles). Ich hatte da ne Idee, kann es aber alleine nicht umsetzen, da man es uns nich beigebracht hat.

    Is für Leute die sich damit auskennen sicher kein Problem...

    Meine ICQ Nummer: 221-072-883


    Ich habe mir ein einfaches Thema ausgesucht, meine Startseite steht und habe bereits einen internen Link drin :)

    So, jetzt kommt mein Problem, ich möchte, dass auf einer Seite so eine besondere Verlinkung möglich ist. Sorry kenn die Fachbegriffe nicht. Und zwar soltle das so ausshen:

    Ich habe es geschafft ein Textfeld "einzurichten", nun will ich aber, dass man 8 Eingabemöglichkeiten hat, wenn man zum Beispiel die Zahl "1" eingibt, so kommt man auf eine bestimmte (interene) Seite. In meinem Fall Gruppe 1 (WM 2010 is nämlich mein gewähltes Thema). Unter diesem Textfeld, habe ich einen Button, den hab ich "Wechseln" genannt, sowas wie son Ding, das eben etwas "Abscihckt" oder "Sendet", bzw Bestätigt oO
    Wenn ich aber auf diesen Button klicke, passiert logischerweise nichts, dehalb brauch ich dringend Hilfe von euch, weil alleine krieg ich das leider nicht hin.

    Also


    Ich kann mich nich so wirklich gut ausdrücken, aber ich hoffe man hat verstanden was ich meine :D

  • das, was du meinst, ist über PHP möglich, aber dir das jetzt zu erklären würde wahrscheinlich wenig Sinn machen, wenn du nicht wirklich HTML kannst.

    Aber ich kann dir einen Alternativvorschlag machen: wieso machst du nicht einfach für jede Gruppe einen Button, wo man dann drufklicken kann, so wie eine Art Navigation?

    Oder vielleicht etwas mit schicken hover-Effekten, so dass sich zum Beispiel ein Bild ändert, wenn man mit der Maus drüber fährt?


    LG
    Laura

  • sind die Befehle da nich imemr gleich bzw identisch? Also ein bisschen Bedingungen eingeben kreig ich glaub noch hin oO

    Aber wenn du meinst das wäre besser für mich, dann vertraue ich dir mal. Kannst ud mir das mit den Buttons zeigen? Weil ich weiß nich wie ich die "verlinke", muss intern sein, ganz wichtig^^


    Edit: was dagegen wenn ich dich im icq adde?

  • kannst mich adden aber ich bin fast nie on ;) dann lieber skype :)

    was für buttons möchtest du denn, mit bildern, eventuell verändernd oder einfach die normalen wie sie hinter jedem formular stehen?

  • mach es so... ist das einfachste...

    Code
    <a href="gruppe1.htm">Gruppe 1</a><br />
    <a href="gruppe2.htm">Gruppe 2</a><br />
    <a href="gruppe3.htm">Gruppe 3</a><br />
    <a href="gruppe4.htm">Gruppe 4</a><br />
  • mit PHP ist das, was du dir vorstellst ganz schnell gemacht...

    klar, ich könnte dir jetzt den Code geben, doch würde dir das nicht viel bringen, da du es nicht verstehen würdest...

  • Zitat von &quot;YetiZwerg&quot;

    mach es so... ist das einfachste...

    Code
    <a href="gruppe1.htm">Gruppe 1</a><br />
    <a href="gruppe2.htm">Gruppe 2</a><br />
    <a href="gruppe3.htm">Gruppe 3</a><br />
    <a href="gruppe4.htm">Gruppe 4</a><br />

    danke erstmal, aber sowas krieg ich noch selber hin :D

    aber ich würde mir gern zeigen lassen wie man Effekte reinbringt, wir haben WebCraft son billiges Programm. So Forumalre (nennt man sie glaub) würde ich gern verwenden.

    <input type="submit" value="Wählen" />

    sowas, aber damits auf die richtige Seite kommt, krieg ich nich hin. Da fehlt ja noch was.

    Hier mal ein Screenshot, dachte vlt an sowas, oder an was ähnliches, ihr habt mir zwar schon Tipps gegeben, aber ich muss jetzt veruschen die umzusetzen...

    [Blockierte Grafik: http://www.bilder-space.de/thumb/10.04BPwKahiI82i1fMs.JPG]


    wenn ich beispielsweise "1" eingebe und dann auf "Wählen" klick, so will ich die gruppe1.htm offen haben...

  • Vielleicht wäre das eine Möglichkeit,aber denke das es mit PHP besser gehen würde.

    <html>
    <head>
    </head>
    <body>
    <h1>Auswahlliste</h1>
    <form action="gruppe1.html" method="Post">
    <p> Gruppe 1
    <input type="Submit" name="" value="Los">
    </p>
    <form action="gruppe2.html" method="Post">
    <p> Gruppe 2
    <input type="Submit" name="" value="Los">
    </p>
    <form action="gruppe3.html" method="Post">
    <p> Gruppe 3
    <input type="Submit" name="" value="Los">
    </p>
    <form action="gruppe4.html" method="Post">
    <p> Gruppe 4
    <input type="Submit" name="" value="Los">
    </p>
    <form action="gruppe5.html" method="Post">
    <p> Gruppe 5
    <input type="Submit" name="" value="Los">
    </p>
    <form action="gruppe6.html" method="Post">
    <p> Gruppe 6
    <input type="Submit" name="" value="Los">
    </p>
    <form action="gruppe7.html" method="Post">
    <p> Gruppe 7
    <input type="Submit" name="" value="Los">
    </p>
    <form action="gruppe8.html" method="Post">
    <p> Gruppe 8
    <input type="Submit" name="" value="Los">
    </p>
    </form>
    </body>
    </html>

  • klasse vielen dank, sowas hab ich gesucht.

    Ich versuch mir das mal selbst zu erklären jetzt.


    Mal ne andre Frage, ich mach grade sowas wien Fußball-ABC,

    Oben sind die Buchstaben von A-Z und weiter unten sind jeweils die Beschreibungen zu jedem Buchstaben.
    So, Wenn ich oben auf Z klicke, dann komm ich runter zur Beschreibung von Z, aber ich weiß nich, wie ich das einstellen kann, damit ich wieder hochkommen kann.

    Beispiel:


    A B C D .... X Y Z

    klick ich auf Z, dann komm ich zur Beschreibung

    .
    .
    .
    .
    .

    Z

    Zweikampf
    Wenn ein Spieler versucht den Ball an einem Gegner vorbei zu spielen, der Gegner jedoch
    versucht den Ball zu kriegen, dann kämpfen sie um den Ball. Deshalb heißt es Zweikampf.

    So mal angenommen, ich hab genug von Z und will wieder ganz nach oben kommen, wie macht man das am besten?


    Wisst ihr was ich meine?

  • Zitat von &quot;maulepan&quot;

    eure lehrer können doch nichts von euch verlangen, was sie euch nicht beibringen...

    Ja, er verlangt es auch nich, gibt aber sicher ein paar Pluspunkte und etwas neues zu lernen schadet ja auch nich :)

  • ich bin von deiner idee trotzdem nicht begeistert, da es für den user sehr umständlich ist, erst die nummer einzugeben.

    Links wären bei 8 gruppen einfach besser und komfortabler

  • Zitat von &quot;maulepan&quot;

    ich bin von deiner idee trotzdem nicht begeistert, da es für den user sehr umständlich ist, erst die nummer einzugeben.

    Links wären bei 8 gruppen einfach besser und komfortabler

    ja hast recht, deshlab hab ich die oben genannte idee jetzt übernommen...

    danke nochmal.

  • das was du meinst, sind anker, oder?

    einfach das gleiche, was du machst, wenn du nach unten springst nochmal machen, nur dass du nach ober springst.

  • Hab dir was kleines geschrieben kannst verändern wie willst.Ajha^^ du kannst auch alles mit id machen du musst nur umschreiben Beispiel


    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p id="z">Z</p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">

    das war es schon :).Keine Ahnung was besser ist.


    <html>
    <head>
    </head>
    <body>
    <h3 id="abc"><i><a href="#a">A</a><a href="#b">B</a><a href="#c">C</a><a href="#d">D</a><a href="#e">E</a><a href="#f">F</a>
    <a href="#g">G</a><a href="#h">H</a><a href="#i">I</a><a href="#j">J</a><a href="#k">K</a><a href="#l">L</a><a href="#m">M</a><br />
    <a href="#n">N</a><a href="#o">O</a><a href="#p">P</a><a href="#q">Q</a><a href="#r">R</a><a href="#s">S</a><a href="#t">T</a><a href="#u">U</a><a href="#v">V</a><a href="#w">W</a><a href="#x">X</a><a href="#y">Y</a><a href="#z">Z</a></i></h3>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="a">A</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="b">B</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="c">C</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="d">D</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="e">E</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="f">F</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="g">G</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="h">H</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="i">I</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="j">J</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="k">K</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="l">L</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="m">M</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="n">N</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="o">O</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="p">P</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="q">Q</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="r">R</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="s">S</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="t">T</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="u">U</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="v">V</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="w">W</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="x">X</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="y">Y</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    <p><a name="z">Z</a></p>
    <p><a href="#abc">nach Oben</a></p>
    <hr style="color:black; background:blue; height:2px; width:100%;">
    </body>
    </html>

  • hehe ja, nur is das ein ganzes andres niveau wie bei euch/dir oO. Nächste Woche muss es fertig sein ....

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!