HTML/Javascript (HTML, CSS und Javascript)

[thread]15467[/thread]

HTML/Javascript

Leser: 33

Articles: hide open all | hide show old branches

+8 replies
Gast radio

2010-09-17 11:07
Hallo,

wie könnte ich das machen, dass auf der neuen Seite der ausgewählte Wert (female bzw. male) ausgegeben wird?
Code (html): (dl )

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<html> <head> <script> function next( text ) { var newWin; newWin = window.open(); newWin.document.write( "<div>" + text + "</div>" ); } </script> </head> <body> <form> <input type="radio" name="sex" value="male" /> Male<br /> <input type="radio" name="sex" value="female" /> Female<br /> </form> <form> <input type="button" value="weiter" onclick="next( 'value' )"> </form> </body> </html>
Last edited: 2010-09-17 11:12:14 +0200 (CEST)
- pktm
  
  2010-09-17 15:50
  
  User since
  2003-08-07
  2921 Artikel
  BenutzerIn
  
  Du könntest die zwei Formulare in eines zusammen fassen, damit es Sinn macht. Als action des Formulars kannst du dann ein Skript aufrufen, das die Auswahl im Formular evaluiert und ausgibt.
  Hier hast du dazu reichlich Code (geht aber auch viel "einfacher"): http://wiki.perl-community.de/Wissensbasis/AffenFo...
  http://www.intergastro-service.de (mein erstes CMS :) )
- +6 replies
- murphy
  
  2010-09-17 16:03
  User since
  2004-07-19
  1776 Artikel
  HausmeisterIn
  Das Beispiel mal sauberer und funktionierend:
  
  Code (html): (dl )
  
  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
  
  <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Foo</title> <script type="text/javascript">//<![CDATA[ function selectedSex() { var options = document.forms["foo"].elements["sex"]; for (var i = 0; i < options.length; i++) { var sex = options[i]; if (sex.checked) return sex.value; } return "neutral"; } function next(text) { var popup = window.open(); popup.document.write("<div>" + text + "</div>"); } //]]></script> </head> <body> <form id="foo" action="about:blank"><div> <input type="radio" id="sex-male" name="sex" value="male" /> <label for="sex-male">Male</label><br /> <input type="radio" id="sex-female" name="sex" value="female" /> <label for="sex-female">Female</label><br /> <input type="button" value="weiter" onclick="next(selectedSex())" /> </div></form> </body> </html>
  
  (edit: HTML-Dokument entsprechend Standard korrigiert)
  Last edited: 2010-09-17 18:54:03 +0200 (CEST)
  When C++ is your hammer, every problem looks like your thumb.
  - +5 replies
  - GwenDragon
    
    2010-09-17 16:45
    
    User since
    2005-01-17
    14784 Artikel
    Admin1
    
    Valides XHTML 1.1 ist das meines Erachtens nicht. ;)
    Und es fehlt irgendwo noch ein Hinweis mit noscript, dass es nur mit Javascript läuft.
    Und das Popup beinhaltet auch nur HTML ohne irgenwelche DOCTYPE.
    
    Aber sowas kann sich der Ersteller der Seite ja noch dazudenken, wenn er valide Seiten schreibt.
    Last edited: 2010-09-17 16:47:46 +0200 (CEST)
    die Drachin Gwen
    
    Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
    - +4 replies
    - murphy
      
      2010-09-17 19:01
      
      User since
      2004-07-19
      1776 Artikel
      HausmeisterIn
      
      2010-09-17T14:45:34 GwenDragon
      Valides XHTML 1.1 ist das meines Erachtens nicht. ;)
      
      Stimmt. Ich hatte das ganz schnell hingeworfen und dabei Kleinigkeiten übersehen, die ein Browser normalerweise nicht anmeckert. Ich habe es jetzt aber nochmal standardkonform überarbeitet.
      
      Quote
      Und es fehlt irgendwo noch ein Hinweis mit noscript, dass es nur mit Javascript läuft.
      
      Das wäre zwar sinnvoll, notwendig ist es allerdings nicht.
      
      Quote
      Und das Popup beinhaltet auch nur HTML ohne irgenwelche DOCTYPE.
      
      Sollte der Browser nicht ein leeres Fenster mit einem minimalen DOM bestücken und Dinge, die man mit document.write schreibt in dieses leere Dokument einfügen?
      
      Normalerweise würde ich document.write ohnehin nicht verwenden, sondern ein Musterdokument laden und dessen DOM nach Bedarf manipulieren, aber für ein kleines Beispiel reicht es auch so.
      
      Quote
      Aber sowas kann sich der Ersteller der Seite ja noch dazudenken, wenn er valide Seiten schreibt.
      
      Genau, Beispiele ersetzen nicht das Mitdenken ;-)
      When C++ is your hammer, every problem looks like your thumb.
      - +3 replies
      - Gast radio
        
        2010-09-18 14:23
        
        Ich wollte versuchen, mit Hilfe von HTML/Javascript ein GU-Interface zu erstellen, aber wie es aussieht, habe ich mir das zu einfach vorgestellt.
        Last edited: 2010-09-18 14:57:52 +0200 (CEST)
        
        +2 replies
        
        GwenDragon
        
        2010-09-19 16:37
        
        User since
        2005-01-17
        14784 Artikel
        Admin1
        
        Selber machen? Bloss nicht. Es sei denn du willst was lernen und hast ganz viel Zeit.
        
        Dort gibt es auch fertiges:
        * ExtJS
        * UKI
        * YUI und Beispiele
        
        die Drachin Gwen
        
        Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
        
        Gast radio
        
        2010-09-24 21:19
        
        Hab zur Zeit wenig Zeit. Wenn ich was Fertiges finde, mit dem ich zurecht komme, wäre das optimal.
        Last edited: 2010-09-24 21:22:43 +0200 (CEST)

View all threads created 2010-09-17 11:07.