Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Duddle" data-source="post: 2037264" data-attributes="member: 17775">AW: kleines problem mit javascriptOkay, ich habe jetzt das getan, was ich wohl von Anfang an hätte machen sollen: Zeit zum Neu-Schreiben. Ohne zu viel antasten zu müssen habe ich versucht dein Konstrukt zu entschlacken. Es ist immer noch nicht nach meinem Geschmack, aber es ist jetzt für mich verständlicher als vorher - und es funktioniert.[HTML]&lt;html&gt;&nbsp;&lt;head&gt;&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&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; &nbsp; max = Math.max(valueColorMapping[key], max);&nbsp; &nbsp; }&nbsp; &nbsp; valueColorMapping[name] = max+1;&nbsp; &nbsp; }&nbsp; &nbsp; return valueColorMapping[name];}function getName() {&nbsp; &nbsp; return getSelected().text;}function getValue() {&nbsp; &nbsp; return getSelected().value;}function getSelected() {&nbsp; &nbsp; var frm = document.getElementById(&quot;nameSelect&quot;);&nbsp; &nbsp; return frm.options[frm.selectedIndex];}var timePlanned = new Date();timePlanned.setHours(0);timePlanned.setMinutes(0);function changeTime(diff) {&nbsp; &nbsp; //falls von 0 minuten abgezogen werden soll nix tun&nbsp; &nbsp; if(diff &lt; 0 &amp;&amp; timePlanned.getMinutes() == 0 &amp;&amp; timePlanned.getHours() == 0) {&nbsp; &nbsp; return;&nbsp; &nbsp; }&nbsp; &nbsp; timePlanned.setMinutes(timePlanned.getMinutes() + diff);&nbsp; &nbsp; var div = document.getElementById(&quot;total&quot;);&nbsp; &nbsp; div.innerHTML = &quot;&lt;PRE&gt;geplante zeit:&quot;+timePlanned.getHours()+&quot;h&quot;+timePlanned.getMinutes()+&quot;m&lt;/PRE&gt;&quot;;}function maj_img(id,obj) {&nbsp; &nbsp; var input = document.getElementById(id);&nbsp; &nbsp; var img = obj;&nbsp; &nbsp; var newName = getName();&nbsp; &nbsp; var newValue = getValue();&nbsp; &nbsp; var slotTime = 15;&nbsp; &nbsp; if(input.value == newValue) {&nbsp; &nbsp; //default&nbsp; &nbsp; img.src = &quot;img/plan/-1.png&quot;;&nbsp; &nbsp; img.title = name;&nbsp; &nbsp; input.value = -1;&nbsp; &nbsp; changeTime(-slotTime);&nbsp; &nbsp; } else { &nbsp; &nbsp; if(input.value == -1) {&nbsp; &nbsp; &nbsp; &nbsp; //nur falls leerer Slot ersetzt, Zeit erhöhen&nbsp; &nbsp; &nbsp; &nbsp; changeTime(slotTime);&nbsp; &nbsp; }&nbsp; &nbsp; img.src = &quot;img/plan/&quot;+getColorByName(newName)+&quot;.png&quot;;&nbsp; &nbsp; img.title = newName;&nbsp; &nbsp; input.value = newValue;&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 id=&quot;nameSelect&quot; name=&quot;pers&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; print_r($_POST[&#039;tab&#039;]);}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; &nbsp; &nbsp; echo &#039;&lt;td valign=&quot;middle&quot;&gt;&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; &lt;img src=&quot;img/plan/&#039;.$color.&#039;.png&quot; onClick=&quot;maj_img(\&#039;&#039;.$j.$i.&#039;\&#039;,this);&quot; alt=&quot;&quot; title=&quot;&quot; /&gt;&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; /&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]Deine maj_img()-Funktion habe ich neu geschrieben, die grundlegende Logik ist aber die gleiche. Ein paar Hilfs-Funktionen erleichtern den Zugriff auf potenziell mehrfach benötigte Werte.Die Zeit-Berechnung erfolgt jetzt mit einem Date-Objekt, dafür sind die Dinger gedacht. Ausserdem könntest du dann problemlos von 15 Minuten-Slots auf z.B. 30 Minuten wechseln.Ich habe immer noch nicht verstanden, was du mit dem &lt;input&gt; vor dem Formular machen willst, aber ich habe es einfach mal drin gelassen.Duddle</blockquote>

[QUOTE="Duddle, post: 2037264, member: 17775"] [b]AW: kleines problem mit javascript[/b] Okay, ich habe jetzt das getan, was ich wohl von Anfang an hätte machen sollen: Zeit zum Neu-Schreiben. Ohne zu viel antasten zu müssen habe ich versucht dein Konstrukt zu entschlacken. Es ist immer noch nicht nach meinem Geschmack, aber es ist jetzt für mich verständlicher als vorher - und es funktioniert. [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]; } function getName() { return getSelected().text; } function getValue() { return getSelected().value; } function getSelected() { var frm = document.getElementById("nameSelect"); return frm.options[frm.selectedIndex]; } var timePlanned = new Date(); timePlanned.setHours(0); timePlanned.setMinutes(0); function changeTime(diff) { //falls von 0 minuten abgezogen werden soll nix tun if(diff < 0 && timePlanned.getMinutes() == 0 && timePlanned.getHours() == 0) { return; } timePlanned.setMinutes(timePlanned.getMinutes() + diff); var div = document.getElementById("total"); div.innerHTML = "<PRE>geplante zeit:"+timePlanned.getHours()+"h"+timePlanned.getMinutes()+"m</PRE>"; } function maj_img(id,obj) { var input = document.getElementById(id); var img = obj; var newName = getName(); var newValue = getValue(); var slotTime = 15; if(input.value == newValue) { //default img.src = "img/plan/-1.png"; img.title = name; input.value = -1; changeTime(-slotTime); } else { if(input.value == -1) { //nur falls leerer Slot ersetzt, Zeit erhöhen changeTime(slotTime); } img.src = "img/plan/"+getColorByName(newName)+".png"; img.title = newName; input.value = newValue; } } </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 id="nameSelect" name="pers"> <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; 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);" 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> [/HTML] Deine maj_img()-Funktion habe ich neu geschrieben, die grundlegende Logik ist aber die gleiche. Ein paar Hilfs-Funktionen erleichtern den Zugriff auf potenziell mehrfach benötigte Werte. Die Zeit-Berechnung erfolgt jetzt mit einem Date-Objekt, dafür sind die Dinger gedacht. Ausserdem könntest du dann problemlos von 15 Minuten-Slots auf z.B. 30 Minuten wechseln. Ich habe immer noch nicht verstanden, was du mit dem <input> vor dem Formular machen willst, aber ich habe es einfach mal drin gelassen. Duddle [/QUOTE]

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

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?