Auf Thema antworten 2026

Beitrag

<blockquote data-quote="timinol" data-source="post: 2037103" data-attributes="member: 589927">AW: kleines problem mit javascripterstmal vielen vielen dank!!!ich bin ein riesenschritt weitergekommen! zum einen bestätigt es, dass ein cookie völlig unnötig ist, abgfesehen von der tatsache, dass es nicht unbedingt verlässlich ist, zum anderen ist es pures javascript, ohne libraries und sonstige konsorten.&nbsp;feststeht, dass du das prinzip erfasst hast. du bist dabei sogar einen schritt zu weit gegangen.1. ein abspeichern der information &quot;person=&gt;farbe&quot; NACH abspeichern der seite ist nicht notwendig.2. um deine idee weiterzuspinnen, und damit das ganze etwas einfacher zu gestalten, habe ich VOR &quot;form&quot; einen hidden input mit namen und id &quot;color&quot; der dazu benutzt werden soll eben diese &quot;person=&gt;farbe&quot;-info bereitzustellen.&nbsp;in diesem sinne habe ich also das ganze abgespeckt und mit deutschen kommentaren versehen, denn ich möchte dein augenmerk auf die funktion maj_img() richten. diese funktion wird nunmehr nicht mit allen nötigen infos versorgt so, dass die farben sich beim klicken nicht mehr ändern. die fehlermeldung der java-console sagt: ptitle undefined. diese funktion ist es auch, die die geplante zeit addiert und anzeigt (im div id=&quot;total&quot;).&nbsp;ich bin aber sicher, dass es sich nur noch um einen klacks ändern kann.&nbsp;an dieser stelle sei gesagt, dass deine functions genial einfach und kurz sind, so dass sogar ich sie teilweise verstehen kann.&nbsp;hier also der updatete code:[CODE]&lt;html&gt;&nbsp;&lt;head&gt;&nbsp; &lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;&nbsp;&nbsp; var valueColorMapping = {};&nbsp;&nbsp; // holt farb-id fuer namen&nbsp;&nbsp; function getColorByName(name) {&nbsp; &nbsp; if (valueColorMapping[name] === undefined) {&nbsp; &nbsp;&nbsp; var max = -1;&nbsp; &nbsp;&nbsp; for (var key in valueColorMapping) {&nbsp; &nbsp; &nbsp; max = Math.max(valueColorMapping[key], max);&nbsp; &nbsp;&nbsp; }&nbsp; &nbsp;&nbsp; valueColorMapping[name] = max+1;&nbsp; &nbsp; }&nbsp; &nbsp; return valueColorMapping[name];&nbsp;&nbsp; }&nbsp;&nbsp; // aufgerufen bei namens-wahl&nbsp;&nbsp; function personSelected(form) {&nbsp; &nbsp; var selected = form.options[form.selectedIndex];&nbsp; &nbsp; person = selected.value;&nbsp; &nbsp; perscol = getColorByName(selected.text);&nbsp;&nbsp; }&nbsp;&nbsp; function maj_img(id,obj,name,src) {&nbsp; &nbsp; //id: id-parameter des inputs&nbsp; &nbsp; //obj: bild (immer this, entspricht dem element in welchem javascript benutzt wird&nbsp; &nbsp; //name: inhalt der attribute alt und title&nbsp; &nbsp; //src: url des bildes &nbsp; &nbsp; var div = document.getElementById(&quot;total&quot;);&nbsp; &nbsp; div.innerHTML = &quot;&lt;PRE&gt;geplante zeit:\n&quot;;&nbsp; &nbsp; //setzt die bild-inputs&nbsp; &nbsp; if ((name!=obj.alt)&amp;&amp;(person!=0)) {&nbsp; &nbsp;&nbsp; //falls der name in alt und title sich vom aktuellen unterscheidet, wird der aktuelle ersetzt&nbsp; &nbsp;&nbsp; document.getElementById(id).value = person;&nbsp; &nbsp;&nbsp; obj.src = &quot;img/plan/&quot;+src+&quot;.png&quot;;&nbsp; &nbsp;&nbsp; if(obj.alt==&#039;&#039;) temp += 25;&nbsp; &nbsp;&nbsp; obj.alt = name;&nbsp; &nbsp;&nbsp; obj.title = name;&nbsp; &nbsp; } else {&nbsp; &nbsp;&nbsp; //ansonsten ist es ein flipflop, also default-image, alt und title sind leer und im input wird der default-wert gesetzt&nbsp; &nbsp;&nbsp; //auf die default-option des selects (value=-1)&nbsp; &nbsp;&nbsp; document.getElementById(id).value = -1;&nbsp; &nbsp;&nbsp; obj.src = &quot;img/plan/-1.png&quot;;&nbsp; &nbsp;&nbsp; obj.alt = &#039;&#039;;&nbsp; &nbsp;&nbsp; obj.title = &#039;&#039;;&nbsp; &nbsp;&nbsp; if (temp&gt;0) temp -= 25;&nbsp; &nbsp; }&nbsp; &nbsp; if (temp/100&gt;0) div.innerHTML += Math.floor(temp/100)+&quot;h&quot;+temp%100+&quot;min&lt;/PRE&gt;&quot;;&nbsp; &nbsp; else div.innerHTML += temp+&quot;min&lt;/PRE&gt;&quot;;&nbsp;&nbsp; }&nbsp; &lt;/script&gt;&nbsp; &lt;style type=&quot;text/css&quot;&gt;&nbsp;&nbsp; .day {&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; vertical-align: top;&nbsp; &nbsp; font-size: 60%;&nbsp; &nbsp; font-weight: bold;&nbsp;&nbsp; }&nbsp;&nbsp; .spc {&nbsp; &nbsp; font-size: 50%;&nbsp;&nbsp; }&nbsp;&nbsp; img {&nbsp; &nbsp; border: 0;&nbsp; &nbsp; vertical-align: middle;&nbsp;&nbsp; }&nbsp;&nbsp; form {&nbsp; &nbsp; margin: 0px;&nbsp; &nbsp; padding: 0px;&nbsp;&nbsp; }&nbsp; &lt;/style&gt;&nbsp;&lt;/head&gt;&nbsp;&lt;body&gt;&lt;center&gt;&nbsp; &lt;input type=&quot;hidden&quot; id=&quot;color&quot; name=&quot;color&quot;&gt;&nbsp; &lt;form action=&quot;&quot; method=&quot;post&quot;&gt;&nbsp;&nbsp; &lt;select name=&quot;pers&quot; onChange=&quot;personSelected(this);&quot;&gt;&nbsp; &nbsp; &lt;option value=&quot;0&quot; selected&gt;----&lt;/option&gt;&nbsp; &nbsp; &lt;option value=&quot;10&quot;&gt;Rémi&lt;/option&gt;&nbsp; &nbsp; &lt;option value=&quot;20&quot;&gt;Marcel&lt;/option&gt;&nbsp; &nbsp; &lt;option value=&quot;30&quot;&gt;Michel&lt;/option&gt;&nbsp; &nbsp; &lt;option value=&quot;40&quot;&gt;Christiane&lt;/option&gt;&nbsp; &nbsp; &lt;option value=&quot;50&quot;&gt;Julien&lt;/option&gt;&nbsp; &nbsp; &lt;option value=&quot;60&quot;&gt;Matthieu&lt;/option&gt;&nbsp; &nbsp; &lt;option value=&quot;70&quot;&gt;Vincent&lt;/option&gt;&nbsp; &nbsp; &lt;option value=&quot;80&quot;&gt;Stéphane&lt;/option&gt;&nbsp; &nbsp; &lt;option value=&quot;90&quot;&gt;Marc&lt;/option&gt;&nbsp;&nbsp; &lt;/select&gt;&nbsp;&nbsp; &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&nbsp;&nbsp; &lt;table summary=&quot;&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&nbsp; &nbsp; &lt;tr&gt;&nbsp; &nbsp;&nbsp; &lt;td class=&quot;day&quot; style=&quot;height:15px;&quot;&gt;Hrs-&gt;&lt;/td&gt;&nbsp; &nbsp;&nbsp; &lt;?php&nbsp; &nbsp; &nbsp; if (isset($_POST[&#039;tab&#039;])) {&nbsp; &nbsp; &nbsp;&nbsp; print_r($_POST[&#039;tab&#039;]);&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; else for($j=0;$j&lt;1;$j++) for($i=0;$i&lt;96;$i++) $l[$j][$i]=-1;&nbsp; &nbsp; &nbsp; $jrs = array(&quot;Lun&quot;,&quot;Mar&quot;,&quot;Mer&quot;,&quot;Jeu&quot;,&quot;Ven&quot;,&quot;Sam&quot;,&quot;Dim&quot;);&nbsp; &nbsp; &nbsp; for($k=0;$k&lt;24;$k++)&nbsp; echo &#039;&lt;td class=&quot;day&quot; colspan=&quot;5&quot;&gt;&#039;.$k.&#039;&lt;/td&gt;&#039;;&nbsp; &nbsp; &nbsp; echo &quot;\r&lt;/tr&gt;&quot;;&nbsp; &nbsp; &nbsp; for($j=0;$j&lt;1;$j++) {&nbsp; &nbsp; &nbsp;&nbsp; echo &#039;&lt;tr&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td valign=&quot;middle&quot;&gt;&#039;.$jrs[$j].&#039;&amp;nbsp;&lt;/td&gt;&#039;;&nbsp; &nbsp; &nbsp;&nbsp; for($i=0;$i&lt;96;$i++) {&nbsp; &nbsp; &nbsp; &nbsp; if ($i%4==0) echo &#039;&lt;td class=&quot;spc&quot;&gt;&amp;nbsp;&lt;/td&gt;&#039;;&nbsp; &nbsp; &nbsp; &nbsp; $color = -1;/*&nbsp; &nbsp; &nbsp; &nbsp; if (isset($_COOKIE[&#039;colors&#039;])) {&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; $l[$j][$i] = trim($l[$j][$i]);&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; if (array_key_exists($l[$j][$i], $_COOKIE[&#039;colors&#039;]) !== false) $color = $_COOKIE[&#039;colors&#039;][$l[$j][$i]];&nbsp; &nbsp; &nbsp; &nbsp; }*/&nbsp; &nbsp; &nbsp; &nbsp; echo &#039;&lt;td valign=&quot;middle&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;input id=&quot;&#039;.$j.$i.&#039;&quot; type=&quot;hidden&quot; name=&quot;tab[&#039;.$j.&#039;][&#039;.$i.&#039;]&quot; value=&quot;&#039;.$l[$j][$i].&#039;&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;img/plan/&#039;.$color.&#039;.png&quot; onClick=&quot;maj_img(\&#039;&#039;.$j.$i.&#039;\&#039;,this,ptitle,perscol);&quot; alt=&quot;&quot; title=&quot;&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/td&gt;&#039;;&nbsp; &nbsp; &nbsp;&nbsp; }&nbsp; &nbsp; &nbsp;&nbsp; echo &quot;\r&lt;/tr&gt;\n\t&quot;;&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp;&nbsp; ?&gt;&nbsp;&nbsp; &lt;/table&gt;&nbsp;&nbsp; &lt;br /&gt;&nbsp;&nbsp; &lt;input type=&quot;submit&quot; value=&quot;enregistrer&quot; /&gt;&nbsp; &lt;/form&gt;&nbsp; &lt;div id=&#039;total&#039; style=&quot;float:center; position:relative; center:75px;&quot;&gt;&lt;/div&gt;&nbsp;&lt;/center&gt;&lt;/body&gt;&lt;/html&gt;[/CODE]</blockquote>

[QUOTE="timinol, post: 2037103, member: 589927"] [b]AW: kleines problem mit javascript[/b] erstmal vielen vielen dank!!! ich bin ein riesenschritt weitergekommen! zum einen bestätigt es, dass ein cookie völlig unnötig ist, abgfesehen von der tatsache, dass es nicht unbedingt verlässlich ist, zum anderen ist es pures javascript, ohne libraries und sonstige konsorten. feststeht, dass du das prinzip erfasst hast. du bist dabei sogar einen schritt zu weit gegangen. 1. ein abspeichern der information "person=>farbe" NACH abspeichern der seite ist nicht notwendig. 2. um deine idee weiterzuspinnen, und damit das ganze etwas einfacher zu gestalten, habe ich VOR "form" einen hidden input mit namen und id "color" der dazu benutzt werden soll eben diese "person=>farbe"-info bereitzustellen. in diesem sinne habe ich also das ganze abgespeckt und mit deutschen kommentaren versehen, denn ich möchte dein augenmerk auf die funktion maj_img() richten. diese funktion wird nunmehr nicht mit allen nötigen infos versorgt so, dass die farben sich beim klicken nicht mehr ändern. die fehlermeldung der java-console sagt: ptitle undefined. diese funktion ist es auch, die die geplante zeit addiert und anzeigt (im div id="total"). ich bin aber sicher, dass es sich nur noch um einen klacks ändern kann. an dieser stelle sei gesagt, dass deine functions genial einfach und kurz sind, so dass sogar ich sie teilweise verstehen kann. hier also der updatete code: [CODE] <html> <head> <script language="javascript" type="text/javascript"> var valueColorMapping = {}; // holt farb-id fuer namen function getColorByName(name) { if (valueColorMapping[name] === undefined) { var max = -1; for (var key in valueColorMapping) { max = Math.max(valueColorMapping[key], max); } valueColorMapping[name] = max+1; } return valueColorMapping[name]; } // aufgerufen bei namens-wahl function personSelected(form) { var selected = form.options[form.selectedIndex]; person = selected.value; perscol = getColorByName(selected.text); } function maj_img(id,obj,name,src) { //id: id-parameter des inputs //obj: bild (immer this, entspricht dem element in welchem javascript benutzt wird //name: inhalt der attribute alt und title //src: url des bildes var div = document.getElementById("total"); div.innerHTML = "<PRE>geplante zeit:\n"; //setzt die bild-inputs if ((name!=obj.alt)&&(person!=0)) { //falls der name in alt und title sich vom aktuellen unterscheidet, wird der aktuelle ersetzt document.getElementById(id).value = person; obj.src = "img/plan/"+src+".png"; if(obj.alt=='') temp += 25; obj.alt = name; obj.title = name; } else { //ansonsten ist es ein flipflop, also default-image, alt und title sind leer und im input wird der default-wert gesetzt //auf die default-option des selects (value=-1) document.getElementById(id).value = -1; obj.src = "img/plan/-1.png"; obj.alt = ''; obj.title = ''; if (temp>0) temp -= 25; } if (temp/100>0) div.innerHTML += Math.floor(temp/100)+"h"+temp%100+"min</PRE>"; else div.innerHTML += temp+"min</PRE>"; } </script> <style type="text/css"> .day { text-align: center; vertical-align: top; font-size: 60%; font-weight: bold; } .spc { font-size: 50%; } img { border: 0; vertical-align: middle; } form { margin: 0px; padding: 0px; } </style> </head> <body><center> <input type="hidden" id="color" name="color"> <form action="" method="post"> <select name="pers" onChange="personSelected(this);"> <option value="0" selected>----</option> <option value="10">Rémi</option> <option value="20">Marcel</option> <option value="30">Michel</option> <option value="40">Christiane</option> <option value="50">Julien</option> <option value="60">Matthieu</option> <option value="70">Vincent</option> <option value="80">Stéphane</option> <option value="90">Marc</option> </select> <table summary="" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="day" style="height:15px;">Hrs-></td> <?php if (isset($_POST['tab'])) { print_r($_POST['tab']); } else for($j=0;$j<1;$j++) for($i=0;$i<96;$i++) $l[$j][$i]=-1; $jrs = array("Lun","Mar","Mer","Jeu","Ven","Sam","Dim"); for($k=0;$k<24;$k++) echo '<td class="day" colspan="5">'.$k.'</td>'; echo "\r</tr>"; for($j=0;$j<1;$j++) { echo '<tr> <td valign="middle">'.$jrs[$j].' </td>'; for($i=0;$i<96;$i++) { if ($i%4==0) echo '<td class="spc"> </td>'; $color = -1; /* if (isset($_COOKIE['colors'])) { $l[$j][$i] = trim($l[$j][$i]); if (array_key_exists($l[$j][$i], $_COOKIE['colors']) !== false) $color = $_COOKIE['colors'][$l[$j][$i]]; } */ echo '<td valign="middle"> <input id="'.$j.$i.'" type="hidden" name="tab['.$j.']['.$i.']" value="'.$l[$j][$i].'" /> <img src="img/plan/'.$color.'.png" onClick="maj_img(\''.$j.$i.'\',this,ptitle,perscol);" alt="" title="" /> </td>'; } echo "\r</tr>\n\t"; } ?> </table> <input type="submit" value="enregistrer" /> </form> <div id='total' style="float:center; position:relative; center:75px;"></div> </center></body> </html> [/CODE] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?