Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Duddle" data-source="post: 2036729" data-attributes="member: 17775">AW: kleines problem mit javascriptDann hoffe ich mal, dass ich dich korrekt verstanden habe. Hier mal im gesamten:[HTML]&lt;html&gt;&nbsp;&lt;head&gt;&lt;script language=&quot;javascript&quot; type=&#039;text/javascript&#039;&gt;var valueColorMapping = {};// holt farb-id fuer namenfunction getColorByName(name) {&nbsp; &nbsp; if(valueColorMapping[name] === undefined) {&nbsp; &nbsp; var max = -1;&nbsp; &nbsp; for(var key in valueColorMapping) {&nbsp; &nbsp; &nbsp; max = Math.max(valueColorMapping[key], max);&nbsp; &nbsp; }&nbsp; &nbsp; valueColorMapping[name] = max+1;&nbsp; &nbsp; }&nbsp; &nbsp; return valueColorMapping[name];}// aufgerufen bei namens-wahlfunction personSelected(form) {&nbsp; &nbsp; var selected = form.options[form.selectedIndex];&nbsp; &nbsp; person=selected.value;&nbsp; &nbsp; perscol=getColorByName(selected.text);}// bei absenden des formulars fuer jeden namen die farb-id in einem hidden input festhaltenfunction enregistrer() {&nbsp; &nbsp; var form = document.getElementById(&quot;myform&quot;);&nbsp; &nbsp; for(var key in valueColorMapping) {&nbsp; &nbsp; var val = valueColorMapping[key];&nbsp; &nbsp; var inp = document.createElement(&#039;input&#039;);&nbsp; &nbsp; inp.setAttribute(&#039;type&#039;, &#039;hidden&#039;);&nbsp; &nbsp; inp.setAttribute(&#039;name&#039;, &#039;colorMapping[&#039;+key+&#039;]&#039;);&nbsp; &nbsp; inp.setAttribute(&#039;value&#039;, val);&nbsp; &nbsp; form.appendChild(inp);&nbsp; &nbsp; }&nbsp; &nbsp; form.submit();}var perscol = -1; var last_attributed = -1;var color = new Array(); var person = &quot;&quot;;var ptitle = &#039;&#039;;var col_last = getCookie(&quot;colors[last]&quot;);var temp = 0;if (col_last!=&#039;&#039;) last_attributed = col_last;function getCookie(name) {&nbsp; &nbsp; if (document.cookie.length&gt;0) {&nbsp; &nbsp; start = document.cookie.indexOf(name+&quot;=&quot;);&nbsp; &nbsp; pos = start+name.length+1;&nbsp; &nbsp; if (start != 0) {&nbsp; &nbsp; &nbsp; &nbsp; start = document.cookie.indexOf(&quot;; &quot;+name+&quot;=&quot;);&nbsp; &nbsp; &nbsp; &nbsp; pos = start+name.length+3;&nbsp; &nbsp; }&nbsp; &nbsp; if (start != -1) {&nbsp; &nbsp; &nbsp; &nbsp; start = pos;&nbsp; &nbsp; &nbsp; &nbsp; end = document.cookie.indexOf(&quot;;&quot;,start);&nbsp; &nbsp; &nbsp; &nbsp; if (end == -1) end = document.cookie.length;&nbsp; &nbsp; &nbsp; &nbsp; return unescape(document.cookie.substring(start,end));&nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; return &#039;&#039;;}function controle_affect_color(val,name) {&nbsp; &nbsp; if (val != 0) {&nbsp; &nbsp; if (color[val] == null) {&nbsp; &nbsp; &nbsp; &nbsp; var col_attrib = getCookie(&quot;colors[&quot;+name+&quot;]&quot;);&nbsp; &nbsp; &nbsp; &nbsp; if (col_attrib!=&#039;&#039;) color[val] = col_attrib;&nbsp; &nbsp; &nbsp; &nbsp; else {&nbsp; &nbsp; &nbsp; &nbsp; color[val] = parseInt(last_attributed)+1;&nbsp; &nbsp; &nbsp; &nbsp; document.cookie = &quot;colors[&quot;+name+&quot;]=&quot;+color[val]+&quot;;&quot;;&nbsp; &nbsp; &nbsp; &nbsp; last_attributed++;&nbsp; &nbsp; &nbsp; &nbsp; document.cookie = &quot;colors[last]=&quot;+last_attributed+&quot;;&quot;;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; ptitle=name;&nbsp; &nbsp; return color[val];&nbsp; &nbsp; }&nbsp; &nbsp; ptitle=&#039;&#039;;&nbsp; &nbsp; return -1;}function maj_img(id,obj,name,src) {&nbsp; &nbsp; var div=document.getElementById(&quot;total&quot;);&nbsp; &nbsp; div.innerHTML=&quot;&lt;PRE&gt;HEURES ALLOUEES:\n&quot;;&nbsp; &nbsp; if ((name!=obj.alt)&amp;&amp;(person!=0)) {&nbsp; &nbsp; document.getElementById(id).value=person;&nbsp; &nbsp; obj.src=&quot;img/plan/&quot;+src+&quot;.png&quot;;&nbsp; &nbsp; if(obj.alt==&#039;&#039;) temp+=25;&nbsp; &nbsp; obj.alt=name;&nbsp; &nbsp; obj.title=name;&nbsp; &nbsp; } else {&nbsp; &nbsp; document.getElementById(id).value=-1;&nbsp; &nbsp; obj.src=&quot;img/plan/-1.png&quot;;&nbsp; &nbsp; obj.alt=&#039;&#039;;&nbsp; &nbsp; obj.title=&#039;&#039;;&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;;}&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;div id=&quot;color&quot; style=&quot;visibility:hidden;&quot;&gt;&lt;/div&gt;&nbsp;&nbsp; &lt;form id=&quot;myform&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;&lt;?phpif (isset($_POST[&#039;tab&#039;])) {&nbsp; &nbsp; echo &quot;&lt;pre&gt;&quot;;&nbsp; &nbsp; print_r($_POST[&#039;tab&#039;]);&nbsp; &nbsp; echo &quot;&lt;br&gt;&quot;;&nbsp; &nbsp; print_r($_COOKIE[&#039;colors&#039;]);&nbsp; &nbsp; echo &quot;&lt;/pre&gt;&quot;;}else for($j=0;$j&lt;1;$j++) for($i=0;$i&lt;96;$i++) $l[$j][$i]=-1;$jrs = array(&quot;Lun&quot;,&quot;Mar&quot;,&quot;Mer&quot;,&quot;Jeu&quot;,&quot;Ven&quot;,&quot;Sam&quot;,&quot;Dim&quot;);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;;echo &quot;\r&lt;/tr&gt;&quot;;for($j=0;$j&lt;1;$j++) {&nbsp; &nbsp; echo &#039;&lt;tr&gt;&nbsp; &nbsp; &lt;td valign=&quot;middle&quot;&gt;&#039;.$jrs[$j].&#039;&amp;nbsp;&lt;/td&gt;&#039;;&nbsp; &nbsp; for($i=0;$i&lt;96;$i++) {&nbsp; &nbsp; if ($i%4==0) echo &#039;&lt;td class=&quot;spc&quot;&gt;&amp;nbsp;&lt;/td&gt;&#039;;&nbsp; &nbsp; $color = -1;&nbsp; &nbsp; if (isset($_COOKIE[&#039;colors&#039;])) {&nbsp; &nbsp; &nbsp; &nbsp; $l[$j][$i] = trim($l[$j][$i]);&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; 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; echo &quot;\r&lt;/tr&gt;\n\t&quot;;}?&gt;&nbsp;&nbsp; &lt;/table&gt;&nbsp;&nbsp; &lt;br /&gt;&nbsp;&nbsp; &lt;input type=&quot;submit&quot; value=&quot;enregistrer&quot; onclick=&quot;enregistrer(this); return false;&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;[/HTML]Du kannst das ja selber diffen, ich habe aber praktisch im Quelltext fast nichts geändert. Bei der Auswahl im &lt;select&gt; wird jetzt eine Hilfsfunktion aufgerufen, bei Absenden des Formulars eine andere, das Formular selbst hat jetzt eine id.Das tatsächlich neue sind die 3 Funktionen am Anfang, vor deinem alten Zeug. Ich habe die vorhandenen Funktionen nicht angefasst, da ich mich nicht durch Abhängigkeiten usw. durchkämpfen wollte.Prinzipiell ist es aber nur ein Objekt, das für diesen einen Seitenaufruf die Farbzuordnung verwaltet. Das getColorByName() holt die für den Namen zugewiesene Farb-ID oder setzt im Bedarfsfall eine neue. Das personSelected() ist quasi das gleiche, was du vorher im onchange vom &lt;select&gt; hattest. Das enregistrere() hängt sich vor das normale Abschicken und erzeugt lediglich pro Name/Farb-ID - Paar ein verstecktes input, dann wird das Formular normal abgeschickt.Duddle</blockquote>

[QUOTE="Duddle, post: 2036729, member: 17775"] [b]AW: kleines problem mit javascript[/b] Dann hoffe ich mal, dass ich dich korrekt verstanden habe. Hier mal im gesamten: [HTML] <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); } // bei absenden des formulars fuer jeden namen die farb-id in einem hidden input festhalten function enregistrer() { var form = document.getElementById("myform"); for(var key in valueColorMapping) { var val = valueColorMapping[key]; var inp = document.createElement('input'); inp.setAttribute('type', 'hidden'); inp.setAttribute('name', 'colorMapping['+key+']'); inp.setAttribute('value', val); form.appendChild(inp); } form.submit(); } var perscol = -1; var last_attributed = -1; var color = new Array(); var person = ""; var ptitle = ''; var col_last = getCookie("colors[last]"); var temp = 0; if (col_last!='') last_attributed = col_last; function getCookie(name) { if (document.cookie.length>0) { start = document.cookie.indexOf(name+"="); pos = start+name.length+1; if (start != 0) { start = document.cookie.indexOf("; "+name+"="); pos = start+name.length+3; } if (start != -1) { start = pos; end = document.cookie.indexOf(";",start); if (end == -1) end = document.cookie.length; return unescape(document.cookie.substring(start,end)); } } return ''; } function controle_affect_color(val,name) { if (val != 0) { if (color[val] == null) { var col_attrib = getCookie("colors["+name+"]"); if (col_attrib!='') color[val] = col_attrib; else { color[val] = parseInt(last_attributed)+1; document.cookie = "colors["+name+"]="+color[val]+";"; last_attributed++; document.cookie = "colors[last]="+last_attributed+";"; } } ptitle=name; return color[val]; } ptitle=''; return -1; } function maj_img(id,obj,name,src) { var div=document.getElementById("total"); div.innerHTML="<PRE>HEURES ALLOUEES:\n"; if ((name!=obj.alt)&&(person!=0)) { document.getElementById(id).value=person; obj.src="img/plan/"+src+".png"; if(obj.alt=='') temp+=25; obj.alt=name; obj.title=name; } else { 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> <div id="color" style="visibility:hidden;"></div> <form id="myform" 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'])) { echo "<pre>"; print_r($_POST['tab']); echo " "; print_r($_COOKIE['colors']); echo "</pre>"; } 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" onclick="enregistrer(this); return false;"/> </form> <div id='total' style="float:center; position:relative; center:75px;"></div> </center></body> </html> [/HTML] Du kannst das ja selber diffen, ich habe aber praktisch im Quelltext fast nichts geändert. Bei der Auswahl im <select> wird jetzt eine Hilfsfunktion aufgerufen, bei Absenden des Formulars eine andere, das Formular selbst hat jetzt eine id. Das tatsächlich neue sind die 3 Funktionen am Anfang, vor deinem alten Zeug. Ich habe die vorhandenen Funktionen nicht angefasst, da ich mich nicht durch Abhängigkeiten usw. durchkämpfen wollte. Prinzipiell ist es aber nur ein Objekt, das für diesen einen Seitenaufruf die Farbzuordnung verwaltet. Das getColorByName() holt die für den Namen zugewiesene Farb-ID oder setzt im Bedarfsfall eine neue. Das personSelected() ist quasi das gleiche, was du vorher im onchange vom <select> hattest. Das enregistrere() hängt sich vor das normale Abschicken und erzeugt lediglich pro Name/Farb-ID - Paar ein verstecktes input, dann wird das Formular normal abgeschickt. Duddle [/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?