Garog: Formular, Auswahlliste -> Grafik statt Text anzeigen

Ich hatte vor einiger Zeit das selbe Thema bereits eröffnet.

http://forum.de.selfhtml.org/archiv/2009/8/t189787/

Leider bin ich dort immer noch nicht weiter gekommen und das Problem wurde nicht gelöst.

Ich hoffe neue Ideen und Gedanken zu einer Umsetzung zu bekommen.

Mein Wissen über Javascript hält sich sehr in Grenzen daher wäre etwas vergleichbares zum nachlesen oder ein Tut oder Beispielcode sehr hilfreich.

Vielen Danke schonmal :)

  1. Hallo erstmal!

    http://forum.de.selfhtml.org/archiv/2009/8/t189787/

    m. E. ist das sinnvollste hier eine Liste, die per Mouseklick mit einem verborgenem Eingabefeld interagiert:

    <input type="hidden" name="IMGauswahl">  
    <ul style="width:Xpx;height:Ypx;overflow:scroll">  
       <li onclick="document.getElementsByName('IMGauswahl')[0].value='ID1'"><img src="bla.png"></li>  
       <li onclick="document.getElementsByName('IMGauswahl')[0].value='ID2'"><img src="blub.png"></li>  
       <li onclick="document.getElementsByName('IMGauswahl')[0].value='ID3'"><img src="bluber.png"></li>  
       <!-- u. s. w. -->  
    </ul>
    

    Gruß aus Berlin!
    eddi

    --
    Was haben wir denn heute? "Kampf der Titanen" - Aha! Es treten an 0 und 1.
    1. Danke für die Antwort erstmal

      aber irgendetwas mache ich falsch...

      das ganze funktioniert irgendwie nicht ;)
      http://www.aion-base.de/~files/siggenbeta/readme.html

      1. Hi,

        aber irgendetwas mache ich falsch...

        Da haben wir das, was du falsch machst:

        das ganze funktioniert irgendwie nicht ;)

        "Funktioniert nicht" funktioniert nicht.
        Liefere bitte eine brauchbare Problembeschreibung.

        http://www.aion-base.de/~files/siggenbeta/readme.html

        Das tut beim meinem Test im Firefox schon mal das gewünschte - auf Klick auf eines der Bilder hin wird das value des Inputfeldes gesetzt;
        Optisch mag es noch zu optimieren sein.

        MfG ChrisB

        --
        Light travels faster than sound - that's why most people appear bright until you hear them speak.
        1. Das er die ID richtig übergibt stimmt.
           Ich hatte nur etwas weiter gedacht und "gehofft" das der grafische Aufbau eher dem eines Pulldownmenüs entspricht, in Funktion und Form ;)

          1. Re:

            Ich hatte nur etwas weiter gedacht und "gehofft" das der grafische Aufbau eher dem eines Pulldownmenüs entspricht, in Funktion und Form ;)

            Auch das ist möglich:

            <ul style="height:20px" onmouseover="this.style.height='200px';this.style.position='relative'" onmouseout="alert('mach es selbst!')">  
             <li><img src="" style="height:20px"></li>  
             <!-- etc. -->  
            </ul>
            

            Gruß aus Berlin!
            eddi

            --
            Was haben wir denn heute? "Kampf der Titanen" - Aha! Es treten an 0 und 1.
            1. Also ich muss sagen das ich damit nicht klar komme.
              Im Opera geht es schonmal garnicht und im Firefox zeigt er mir beide Bilder an. Wenn ich mit der Maus drüber gehe und wieder raus kommt die gewünschte Meldung. Mehr passiert aber nicht... die Styleeinstellungen scheinen nicht zu gehen...

              Re:

              Ich hatte nur etwas weiter gedacht und "gehofft" das der grafische Aufbau eher dem eines Pulldownmenüs entspricht, in Funktion und Form ;)

              Auch das ist möglich:

              <ul style="height:20px" onmouseover="this.style.height='200px';this.style.position='relative'" onmouseout="alert('mach es selbst!')">

              <li><img src="" style="height:20px"></li>
              <!-- etc. -->
              </ul>

              
              >   
              >   
              > Gruß aus Berlin!  
              > eddi
              
              1. Re:

                Also ich muss sagen das ich damit nicht klar komme.
                Im Opera geht es schonmal garnicht und im Firefox zeigt er mir beide Bilder an. Wenn ich mit der Maus drüber gehe und wieder raus kommt die gewünschte Meldung. Mehr passiert aber nicht... die Styleeinstellungen scheinen nicht zu gehen...

                Es wird per mouseout kein Stylesheet verändert. Die Meldung macht Dich auch den Grund aufmerksam. Du hast genug Hilfe von anderen abverlangt, nun hilf Dir mit SELFHTML (z. B.) selbst! Ganz ehrlich angemerkt, habe ich selten jemanden erlebt, der so dreist faul ist.

                Gruß aus Berlin!
                eddi

                1. ...ganz ehrlich angemerkt, habe ich selten jemanden erlebt, der so dreist faul ist.

                  das stimmt so nicht, ich habe mir sehr vieles selbst beigebracht was dieses thema angeht und weit aus mehr geschafft wie man hier vielleicht denken könnte.

                  Das was ich an hilfe bekommen habe verstehe ich von der funktion und vom syntax problemlos. allerdings klappt es nicht so wie aus gedacht ist.

                  und etwas anderes ganz ehrlich. im self html steht alles beschrieben, aber auf die logischen oder möglichen kombinationen von solchen dingen kommt man meist aus der erfahrung.

                  Oder man weiß es einfach alles, aus diversen Gründen. Ich habe aber nicht gedacht das ich für eine gewisse "klein scheinende" Funktion gleich die ganz/halbe Sprache und ihre Optionsvielfalt lernen muss.

                  Nur weil du Autofahren gelernt hast, hast du doch nicht gelernt wie die Kolbenringe verchromt werden, oder ?

                  Also verzei, wenn ich um Hilfe gebeten hab

                  btw... ich habe geschrieben "Wenn ich mit der Maus drüber gehe und wieder raus"

                  das beinhaltet ein mouseover UND einen mouseout und damit ist die aussage das die gewünschte stylefunktion nicht geht richtig, weil ;

                  onmouseover="this.style.height='200px';this.style.position='relative'"

                  das gewünschte Ergebnis, nämlich das "der style" von <ul> der wert height auf 200px von 20px geändert wird, ging nicht.

                  das einzige was passiert, ist das popup fenster, wie ja schon bereits erwähnt.

                  Also bitte nicht mit Meinungen und Äußerungen umwerfen die keinen Boden unter den Füßen haben.

                  Danke

                  1. Hallo Garog,

                    Nur weil du Autofahren gelernt hast, hast du doch nicht gelernt wie die Kolbenringe verchromt werden, oder ?

                    das siehst du etwas zu einfach: wenn du "verchromte Kolbenringe" haben möchtest, brauchst du entweder viel Geld oder du weißt, wie man es selber macht. Genauso ist es mit den Webseiten: entweder du machst dich mit den Techniken vertraut oder du benutzt einen WYSIWYG-Editor oder ein CMS mit fertigen Templates, oder du hast viel Geld.

                    Gruß, Jürgen

                  2. Hi,

                    und etwas anderes ganz ehrlich. im self html steht alles beschrieben, aber auf die logischen oder möglichen kombinationen von solchen dingen kommt man meist aus der erfahrung.

                    Na dann, fange an, solche zu sammeln.
                    Und zwar an kleinen Aufgabenstellungen, und nicht an solchen, die noch zu gross für dich sind.

                    Ich habe aber nicht gedacht das ich für eine gewisse "klein scheinende" Funktion gleich die ganz/halbe Sprache und ihre Optionsvielfalt lernen muss.

                    Dass etwas für den Nutzer sehr simple aussehendes im Hintergrund recht komplexe Vorgänge und Operationen erfordert, ist in der IT eher die Regel als die Ausnahme.

                    MfG ChrisB

                    --
                    Light travels faster than sound - that's why most people appear bright until you hear them speak.