Forenbereich Battle-Section

GFX-Sector - HTML, CSS

GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Umfrage 5 Stimmen HTML

» Hello Guest [Login|Register]

Last Post | First Unread Post

Print Page | Recommend to a Friend | Add Thread to Favorites

HTML, CSS

Einfache Scriptsprachen und deren Layout mit HTML und CSS

Umfrage 5 Stimmen HTML

Author

Post

« Previous Thread | Next Thread »

Dariusch

Fingerwischer

Registration Date: 01.01.2010
Posts: 31

Umfrage 5 Stimmen HTML

werbefreies Forum?

So hallo Leute ich habe ein kleines logisches Problem ^^
so ich wollte eine Umfrage basteln, wo jeder Benutzer 5 Stimmen hat bei ca 15 verschiedenen Antwortmöglichkeiten
so mein Problem ist aber das bei Radiobuttons es nur die Möglichkeit gibt nur eines oder halt mehrere auszuwählen aber das das nicht auf 5 begrenzbar ist

so gibt es eine Möglichkeit die Umfrage trotzdem Umzusetzen?
weil wenn ich die Umfrage 5 mal hinklatsche dann könnten die theorethisch einfach jedes mal dieselbe Antwortmöglichkeit nehmen und das sollte ja möglichst vermieden werden fröhlich

hat da jemand eine Idee wie man das umsetzen könnte?

p.s. die Antworten sollen dann in eine MySql-Datenbank geschrieben werden aber das is eher kein Problem

würde mich freuen wenn mir Jemand helfen könnte

mfg Dariusch

04.01.2010 15:14

razkoo
Weichzeichner

Registration Date: 25.08.2008
Posts: 63
Deviantart: razkoo

Checkboxes verwenden - da kann man mehrere gleichzeitig markieren.

http://de.selfhtml.org/navigation/suche/...nfrage=checkbox

04.01.2010 15:53

Dariusch

Fingerwischer

Registration Date: 01.01.2010
Posts: 31

Thread Starter Thread Started by Dariusch

das ist schon klar
aber wie kann ich machen das er maximal 5 auswählt und keine mehr?
bzw nur 5 in die Datenbank gespeichert werden?

04.01.2010 16:10

quantum

Pfadfinder

Spender

Registration Date: 29.12.2008
Posts: 721
Deviantart: xcracx

Check das mit Javascript, ob mehr als 5 buttons angeklickt sind, und gib dann eine Fehlermeldung aus, oder fahre fort.

04.01.2010 17:45

Dariusch

Fingerwischer

Registration Date: 01.01.2010
Posts: 31

Thread Starter Thread Started by Dariusch

Schade das ich kein Javascript kann ...

04.01.2010 18:00

quantum

Pfadfinder

Spender

Registration Date: 29.12.2008
Posts: 721
Deviantart: xcracx

Quick 'n dirty:

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:

var max=5; // Maximum an gewählter Checkboxen
function check(boxnr)
{
    var ch_box=0; // Anzahl angetickter Checkboxen
    for(var i=0; i<document.GetElementByID['Formid'].boxclass.length; i++) // Alle Checkboxen in der Form durchgehen
    if(document.GetElementByID['Formid'].boxclass[i].checked==true) ch_box++; // für jede gewählte checkbox wird eine 1 zu ch_object addiert
    if(ch_box > max) // Wenn mehr angeklickt als erlaubt
    {
        document.GetElementByID['Formid'].boxclass[boxnr].checked=false; // Wählt zuletzt gewählte Checkbox wieder ab, da sonst zuviel
        alert("Achtung! Es sind mehr als "+max+" Checkboxen gewählt. Bitte auf "+max+" Checkboxen festlegen!"); // Benachrichtigen
    }
}

Formid durch die ID deiner Form ersetzen, jeder Checkbox eine beliebige Klasse zuweisen und dann boxclass durch diese ersetzen.
Ungetestet...

lg

This post has been edited 1 time(s), it was last edited by quantum: 04.01.2010 18:26.

04.01.2010 18:26

Dariusch

Fingerwischer

Registration Date: 01.01.2010
Posts: 31

Thread Starter Thread Started by Dariusch

mit funktionen hab ich bisher noch nie gearbeitet wie benutzt man die?
is das so in ordnung?

oder ich glaub da ist was falsch fröhlich
weil in php werden Variablen doch mit einem $ gekennzeichnet also muss var dann für javascript sein oder?

php:

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:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:

<html>
<head>
<title>Mottotage</title>
</head>

<body>
<form id="Mottotage" name="Mottotage" method="post" action="">
  <label>
    <input type="checkbox" name="Assis" id="Assis" class="tage" />Assis</label>
  <label>
      <br />
  <input type="checkbox" name="Rollentausch" id="Rollentausch" class="tage"/>  Rollentausch (die Mädels sind heute Jungs und die Jungs Mädels)</label>
  <br />
  <label>
    <input type="checkbox" name="Tiere" id="Tiere" class="tage"/> Tiere</label>
  <br />
  <label>
    <input type="checkbox" name="Omas und Opas" id="OmasundOpas" class="tage"/>Omas und Opas</label>
  <br />
  <label>
    <input type="checkbox" name="Emos" id="Emos" class="tage"/>Emos</label>
  <br />
  <label>
    <input type="checkbox" name="Hippies" id="Hippies" class="tage"/>Hippies</label>
  <label>
    <br />
    <input type="checkbox" name="ich bin du" id="ichbindu" class="tage"/>“ich bin du” jeder ist für einen Tag der schüler, der vor ihm auf der stufenliste steht, geht in seine kurse, usw. </label>
  <br />
  <label>
    <input type="checkbox" name="Business Men/Women" id="Business" class="tage"/>Business Men/Women</label>
  <br />
  <label>
    <input type="checkbox" name="1Schultag" id="1Schultag" class="tage"/>1. Schultag</label>
  <br />
  <label>
    <input type="checkbox" name="Sportler" id="Sportler" class="tage"/>Sportler</label>
  <br />
  <label>
    <input type="checkbox" name="Pimps.....es" id="Pimps.....es" class="tage"/>Pimps &amp; .....es</label>
  <br />
  <label>
    <input type="checkbox" name="Schlafanzug-Tag" id="Schlafanzug-Tag" class="tage"/>Schlafanzug-Tag</label>
  <br />
  <label>
    <input type="checkbox" name="Urlauber" id="Urlauber" class="tage"/>Urlauber</label>
<br />
</form>
<script type="text/javascript">
var max=5; // Maximum an gewählter Checkboxen
function check(boxnr)
{
    var ch_box=0; // Anzahl angetickter Checkboxen
    for(var i=0; i<document.GetElementByID['Mottotage'].tage.length; i++) // Alle Checkboxen in der Form durchgehen
    if(document.GetElementByID['Mottotage'].tage[i].checked==true) ch_box++; // für jede gewählte checkbox wird eine 1 zu ch_object addiert
    if(ch_box > max) // Wenn mehr angeklickt als erlaubt
    {
        document.GetElementByID['Mottotage'].tage[boxnr].checked=false; // Wählt zuletzt gewählte Checkbox wieder ab, da sonst zuviel
        alert("Achtung! Es sind mehr als "+max+" Checkboxen gewählt. Bitte auf "+max+" Checkboxen festlegen!"); // Benachrichtigen
    }
}
</script>


</body>
</html>

sehr unschwer zu erkennen das das Script für unseren Abijahrgang ist weil es um Mottotage geht fröhlich

, welche gewählt werden sollen fröhlich

danke schonmal für deine Mühen

mfg Dariusch

04.01.2010 19:01

quantum

Pfadfinder

Spender

Registration Date: 29.12.2008
Posts: 721
Deviantart: xcracx

Ihh, du hast ein paar sachen vergessen Wink

Doctype und encoding.

hier hast du den verbesserten code:

php:

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:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Mottotage</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
var max=5; // Maximum an gewählter Checkboxen
function check(boxnr)
{
    var ch_box=0; // Anzahl angetickter Checkboxen
    for(var i=0; i<document.GetElementByID['mottotage'].tage.length; i++) // Alle Checkboxen in der Form durchgehen
    if(document.GetElementByID['mottotage'].tage[i].checked==true) ch_box++; // für jede gewählte checkbox wird eine 1 zu ch_object addiert
    if(ch_box > max) // Wenn mehr angeklickt als erlaubt
    {
        document.GetElementByID['mottotage'].tage[boxnr].checked=false; // Wählt zuletzt gewählte Checkbox wieder ab, da sonst zuviel
        alert("Achtung! Es sind mehr als "+max+" Checkboxen gewählt. Bitte auf "+max+" Checkboxen festlegen!"); // Benachrichtigen
    }
}
</script>
</head>
<body>
<h1>Mottotage</h1>
<p>Bitte maximal 5 wählen!</p>
<form id="mottotage" name="mottotage" method="post" action="#" onsubmit="check()" >
  <label>
    <input type="checkbox" name="assis" id="assis" class="tage" />Assis</label>
  <label>
      <br />
  <input type="checkbox" name="rollentausch" id="rollentausch" class="tage"/>  Rollentausch (die Mädels sind heute Jungs und die Jungs Mädels)</label>
  <br />
  <label>
    <input type="checkbox" name="tiere" id="tiere" class="tage"/> Tiere</label>
  <br />
  <label>
    <input type="checkbox" name="omaopa" id="omaopa" class="tage"/>Omas und Opas</label>
  <br />
  <label>
    <input type="checkbox" name="emos" id="emos" class="tage"/>Emos</label>
  <br />
  <label>
    <input type="checkbox" name="hippies" id="hippies" class="tage"/>Hippies</label>
  <label>
    <br />
    <input type="checkbox" name="ichbindu" id="ichbindu" class="tage"/>“ich bin du” jeder ist für einen Tag der schüler, der vor ihm auf der stufenliste steht, geht in seine kurse, usw. </label>
  <br />
  <label>
    <input type="checkbox" name="business" id="business" class="tage"/>Business Men/Women</label>
  <br />
  <label>
    <input type="checkbox" name="1schultag" id="1schultag" class="tage"/>1. Schultag</label>
  <br />
  <label>
    <input type="checkbox" name="sportler" id="sportler" class="tage"/>Sportler</label>
  <br />
  <label>
    <input type="checkbox" name="pimpsn.....es" id="pimpsn.....es" class="tage"/>Pimps &amp; .....es</label><!-- Vermeide Punkte bei id und name ;) -->
  <br />
  <label>
    <input type="checkbox" name="schlafanzug" id="schlafanzug" class="tage"/>Schlafanzug-Tag</label>
  <br />
  <label>
    <input type="checkbox" name="urlauber" id="urlauber" class="tage"/>Urlauber</label>
<br /><-- Du solltest einfache ids und names wählen, nichts großschreiben, keine leerzeichen (wenn dann _ )  usw ... -->
<input type="submit" value="Abschicken" />
</form>
</body>
</html>

Sollte komplett und funktionstüchtig sein großes Grinsen

Habe hier kein Syntaxhighlightning, ist daher etwas schwerer smile

This post has been edited 2 time(s), it was last edited by quantum: 06.01.2010 00:55.

05.01.2010 15:20

bpr

Spender

Registration Date: 18.11.2007
Posts: 557
Location: London
Program: Zend Studio
Forums: Coding; International Section

CrAC du hast ein paar zeilen vergessen:

code:
1: 2: 3: 4:	</body> </html>

05.01.2010 20:03

Dariusch

Fingerwischer

Registration Date: 01.01.2010
Posts: 31

Thread Starter Thread Started by Dariusch

Also funktioniert nicht fröhlich

ich kann auch mehr als 6 auswählen und dann kommt halt nichts

muss man nicht id="Mottotage" also Motto.. groß schrieben? weil das steht so im Java-Code drin
an und den <button hab ich in <input type="submit" eifnach umbenannt
aber sonst sollte der doch ein alert geben oder? macht der aber nicht unglücklich

05.01.2010 21:02

quantum

Pfadfinder

Spender

Registration Date: 29.12.2008
Posts: 721
Deviantart: xcracx

Sollte heissen: <input type="submit" value=" Absenden "> =/

Ja, im Javascript solltest du Mottotage durch mottotage ersetzen großes Grinsen
Hatte ich völlig vergessen. Nun sollte es aber klappen Wink

/e: danke bpr, man ich habe so vieles vergessen =/

/e2: schau mal oben, ich habe den code verbessert smile

This post has been edited 2 time(s), it was last edited by quantum: 06.01.2010 00:56.

06.01.2010 00:50

Dariusch

Fingerwischer

Registration Date: 01.01.2010
Posts: 31

Thread Starter Thread Started by Dariusch

mhm find ich echt schade das du dir die Mühe gemacht hast und es immernoch nicht geht unglücklich
kannst ja hier mal testen: http://dariusch.kilu.de/Mottotage.php
der Php-teil ist einfach, dass der was ausgibt, wenn der Button betätigt wird also nichts großes
achso und formatierung mach ich dann wann anders

mfg Dariusch

so hab jetzt ein funktionierendes Script:

php:

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:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de"> 
<head> 
   <title>Unbenannt</title> 
   <script type="text/javascript"> 
   <!-- 
      function validateForm(maxChecked) { 
         var checkBoxNodes = document.getElementsByTagName("input"); 
         if (checkBoxNodes == null || checkBoxNodes.length == 0) 
            return; 
          
         var counter = 0; 
          
         for (var idx = 0; idx < checkBoxNodes.length; idx++) 
         { 
            var checkBoxNode = checkBoxNodes[idx]; 
            var inputType = checkBoxNode.getAttribute("type"); 
            if (inputType == null || inputType != "checkbox") 
               continue; 
                
            if (!checkBoxNode.checked) 
               continue; 
             
            counter++; 
         } 
          
         if (counter > maxChecked) { 
            alert("Mehr Checkboxen ausgewählt als erlaubt. " + counter + " statt maximal " + maxChecked + "!"); 
            return false; 
         } 
          
         if (counter == 0) { 
            alert("Keine Auswahl getroffen."); 
            return false; 
         } 
          
         return true;       
      } 
   //-->    
   </script> 
</head> 

<body> 
   <form name="form1" method="post" action="target.html" onsubmit="javascript:return validateForm(5);" id="form1">    
      <input type="checkbox" value="1" id="question-1" name="Assis" /><label for="question-1">Assis</label><br /> 
      <input type="checkbox" value="2" id="question-2" /><label for="question-2">Frage 2</label><br /> 
      <input type="checkbox" value="3" id="question-3" /><label for="question-3">Frage 3</label><br /> 
      <input type="checkbox" value="4" id="question-4" /><label for="question-4">Frage 4</label><br /> 
      <input type="checkbox" value="5" id="question-5" /><label for="question-5">Frage 5</label><br /> 
      <input type="checkbox" value="6" id="question-6" /><label for="question-6">Frage 6</label><br /> 
      <input type="submit" value="Abschicken" />    
   </form> 
</body> 
</html>

trotzdem DANKE für die Hilfe

mfg Dariusch

jetzt muss ich mir nur noch überlegen, wie ich das mit dem in die Datenbank einfügen mache fröhlich

und der Auswertung großes Grinsen

This post has been edited 2 time(s), it was last edited by Dariusch: 06.01.2010 16:52.

06.01.2010 14:57

quantum

Pfadfinder

Spender

Registration Date: 29.12.2008
Posts: 721
Deviantart: xcracx

np Wink

war mir aber auch schon irgendwie vorher klar, dass das ganze nicht klappt, javascript ist echt nicht meine stärke großes Grinsen

/e: schau mal nach dem encoding, da stimmt was nicht!

Ausserdem, bei dem kommentar, was ich im quellcode hinterlassen habe, fehlt ein "!":
sollte heissen 

lg

This post has been edited 1 time(s), it was last edited by quantum: 06.01.2010 18:54.

06.01.2010 18:50

Dariusch

Fingerwischer

Registration Date: 01.01.2010
Posts: 31

Thread Starter Thread Started by Dariusch

hättest du dann irgendwie einen Tipp, wie ich das machen soll mit dem Auswerten bzw in die Datenbank speichern?

du meintest vor ein paar Posts das du das einfach in eine Tabelle mit
Mottotag | Stimme
machen würdest
aber ich bekomme irgendwie keinen Code hin der nur annähernd funktioniert -.-
weil ich vor dem Problem stehe, dass dann ja nur 5 ausgewählt sind und da kommt bei mir irgendein Logik-Error
weil ich bräuchte doch ein Abfragefeld, wo ich abfrage, ob das Feld ausgewählt ist und dann noch das die gleiche Variable dann die Zeile angibt, welche hochgezählt werden soll

mfg Dariusch

06.01.2010 18:55

quantum

Pfadfinder

Spender

Registration Date: 29.12.2008
Posts: 721
Deviantart: xcracx

Schau mal hier:

http://www.traum-projekt.com/forum/54-tr...selbst-f-r.html

Da kannst du spicken großes Grinsen

08.01.2010 17:07

GFX-Sector
unregistered

Have you enjoyed this topic?

If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

08.01.2010 17:07

Tree Structure | Board Structure

GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Umfrage 5 Stimmen HTML

Similar topics to Umfrage 5 Stimmen HTML

Thread

Gamerumfrage (Forum: World & Hightech News)

PSD ->HTML/CSS und JAVA (Forum: Angebote und sonstige Anfragen)

[HTML] Wie Fit seit ihr mit HTML? (Forum: Fun & Spam)

HTML und CSS lernen? (Forum: HTML, CSS)

Umfrage:Gruppe A (Forum: GFX-Sector Turnier)

Heutige TOP 10 Suchbegriffe:
Marlboro Kkk Ku Klux Klan Marlboro Playersheets Psd Gfx Wallpaper Das Lied Des Irren Geigers Böse Hello Kitty Rammstein 3d Kukluxklan Marlboro Frau Bekommt 10 Kinder Frau Mit 2vagina

Umfrage 5 Stimmen HTML : HTML, CSS (Permalink)

Sectorbereich

Forenbereich

Battlesection