✔ <SELECT> - Auswahl forciert anzeigen?

Loveboat

Loveboat

Erfahrenes Mitglied
Hallo Leute,

ich hätte da mal ne Frage bezüglich des SELECT-Tags.

Ich habe hier mein PHP-Script welches aus einer Zeit die Stunde und die Minute in jeweils einem SELECT-Tag den richtigen Wert anzeigen soll.
Das funktioneirt soweit auch ganz gut, nur habe ich zwischen dem IE und dem FF einen kleinen Unterschied:

Der FF scrollt automatisch an den selectierten Wert, was der IE nicht macht. Dies möchte ich aber IMMER so haben. Bei einer Wertauswahl von 60 möglichen Werten möchte ich nicht immer scrollen um den richtigen zu finden.

Wie kann ich den IE dazu zwingen das er an die selektierte Stelle automatisch scrollt?

Siehe Bilder:
Bild 1 = IE
Bild 2 = FF


Danke und Gruß
Loveboat



PHP: 
<div class="boxValueTime"> 
    <div class="hour"> 
        <span class="timeblue">Stunde</span> 
        <select multiple="multiple" name="hour" style="height: 102px">'; 
    for($h=0;$h<60;$h++) 
        if(date("G", $data["time"]) == $h) 
            echo        ' 
        <option value="'.$h.'" selected="selected">'.$h.'</option>'; 
        else 
            echo        ' 
        <option value="'.$h.'">'.$h.'</option>';             
        echo ' 
    </select> 
    </div> 
    <div class="minute"> 
        <span class="timeblue">Minute</span> 
        <select multiple="multiple" name="hour" style="height: 102px">'; 
    for($m=0;$m<60;$m++) 
        if(date("i", $data["time"]) == $m) 
            echo        ' 
        <option value="'.$m.'" selected="selected">'.$m.'</option>'; 
        else 
            echo        ' 
        <option value="'.$m.'">'.$m.'</option>'; 
    echo ' 
    </select> 
    </div> 
</div>
 

Anhänge

  • IE-Result.jpg
    IE-Result.jpg
    28,2 KB · Aufrufe: 17
  • FF-Result.jpg
    FF-Result.jpg
    25,5 KB · Aufrufe: 17
Überprüfe einfach mal die html Syntax deiner Ausgabe, dort ist garantiert ein Fehler drin.
 
Hallo Maik,

vielen Dank für Deine schnelle Information. Meine Frage bezog sich nicht auf das direkte selktieren, denn das funktioniert, wie man in den Bildern sehen kann (bei der IE-Version nicht), fehlerfrei.

Meine Frage bezieht sich darauf, das der IE bei mehr Einträgen als die wenigen sichtbaren nicht an die entsprechende Stelle scrollt. Dies macht der FF aber ohne Anstand. Beim IE muss ich nach unten scrollen um die "selektierte Stelle" zu finden.
Dies ist aber nervig.

Also frage ich nochmal, gibt es eine Möglichkeit dass der IE automatisch an die selektierte Stelle scrollt

@kalle123456

Was genau soll ich in meiner HTML-Syntax überprüfen? Hier das ist mein HTML-Output (Der wird dir nur nichts bringen da du es nicht siehst.):



Danke und Gruß
Loveboat

HTML: 
<div class="boxValue" style="height:147px">
	<div class="boxValueTime">
		<div class="hour"><span class="timeblue">Stunde</span><br/>
			<select multiple="multiple" name="hour" style="height: 120px">
			<option value="0">0</option>
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
			<option value="4">4</option>
			<option value="5">5</option>
			<option value="6">6</option>
			<option value="7">7</option>
			<option value="8" selected="selected">8</option>
			<option value="9">9</option>
			<option value="10">10</option>
			<option value="11">11</option>
			<option value="12">12</option>
			<option value="13">13</option>
			<option value="14">14</option>
			<option value="15">15</option>
			<option value="16">16</option>
			<option value="17">17</option>
			<option value="18">18</option>
			<option value="19">19</option>
			<option value="20">20</option>
			<option value="21">21</option>
			<option value="22">22</option>
			<option value="23">23</option>
			<option value="24">24</option>
			<option value="25">25</option>
			<option value="26">26</option>
			<option value="27">27</option>
			<option value="28">28</option>
			<option value="29">29</option>
			<option value="30">30</option>
			<option value="31">31</option>
			<option value="32">32</option>
			<option value="33">33</option>
			<option value="34">34</option>
			<option value="35">35</option>
			<option value="36">36</option>
			<option value="37">37</option>
			<option value="38">38</option>
			<option value="39">39</option>
			<option value="40">40</option>
			<option value="41">41</option>
			<option value="42">42</option>
			<option value="43">43</option>
			<option value="44">44</option>
			<option value="45">45</option>
			<option value="46">46</option>
			<option value="47">47</option>
			<option value="48">48</option>
			<option value="49">49</option>
			<option value="50">50</option>
			<option value="51">51</option>
			<option value="52">52</option>
			<option value="53">53</option>
			<option value="54">54</option>
			<option value="55">55</option>
			<option value="56">56</option>
			<option value="57">57</option>
			<option value="58">58</option>
			<option value="59">59</option>
		</select></div>
		<div class="minute"><span class="timeblue">Minute</span><br/>
			<select multiple="multiple" name="hour" style="height: 120px">
			<option value="0">0</option>
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
			<option value="4">4</option>
			<option value="5">5</option>
			<option value="6">6</option>
			<option value="7">7</option>
			<option value="8">8</option>
			<option value="9">9</option>
			<option value="10">10</option>
			<option value="11">11</option>
			<option value="12">12</option>
			<option value="13">13</option>
			<option value="14">14</option>
			<option value="15">15</option>
			<option value="16">16</option>
			<option value="17">17</option>
			<option value="18">18</option>
			<option value="19">19</option>
			<option value="20">20</option>
			<option value="21">21</option>
			<option value="22">22</option>
			<option value="23">23</option>
			<option value="24">24</option>
			<option value="25">25</option>
			<option value="26">26</option>
			<option value="27">27</option>
			<option value="28">28</option>
			<option value="29">29</option>
			<option value="30" selected="selected">30</option>
			<option value="31">31</option>
			<option value="32">32</option>
			<option value="33">33</option>
			<option value="34">34</option>
			<option value="35">35</option>
			<option value="36">36</option>
			<option value="37">37</option>
			<option value="38">38</option>
			<option value="39">39</option>
			<option value="40">40</option>
			<option value="41">41</option>
			<option value="42">42</option>
			<option value="43">43</option>
			<option value="44">44</option>
			<option value="45">45</option>
			<option value="46">46</option>
			<option value="47">47</option>
			<option value="48">48</option>
			<option value="49">49</option>
			<option value="50">50</option>
			<option value="51">51</option>
			<option value="52">52</option>
			<option value="53">53</option>
			<option value="54">54</option>
			<option value="55">55</option>
			<option value="56">56</option>
			<option value="57">57</option>
			<option value="58">58</option>
			<option value="59">59</option>
		</select></div>
	</div>
	<div class="boxValueEvent"><span class="timeblack">Arbeitsbeginn</span></div>
</div>
 
Loveboat hat gesagt.:
Ich habe hier mein PHP-Script welches aus einer Zeit die Stunde und die Minute in jeweils einem SELECT-Tag den richtigen Wert anzeigen soll.
Das funktioneirt soweit auch ganz gut, nur habe ich zwischen dem IE und dem FF einen kleinen Unterschied:

Der FF scrollt automatisch an den selectierten Wert, was der IE nicht macht. Dies möchte ich aber IMMER so haben.
Zum Vergrößern anklicken....
Wenn ein Wert selektiert werden soll, wozu dann überhaupt das Attribut multiple="multiple" im <select>-Tag zur Mehrfachauswahl?

Das ist nämlich bei dir auch der Grund, warum der IE in der Auswahlliste nicht zur selektierten Option springt.

mfg Maik
 
Warum ein multiple?`Ganz einfach: Weil ich zum verrecken es nicht hinbekomme ein einfaches SELECT in der Höhe größer zu machen. Möchte nicht nur einen Eintrag sehen, sondern min. 10 und der Rest soll scrollbar sein.
 
ah toll, jetzt hab ich es hinbekommen ein einfaches SELECT in der Höhe größer zu machen. Mit der "height" geht es nicht, nur mit "size". Und dann geht es auch das der IE automatisch scrollt. :)

Danke schön
 
Loveboat hat gesagt.:
Warum ein multiple?`Ganz einfach: Weil ich zum verrecken es nicht hinbekomme ein einfaches SELECT in der Höhe größer zu machen. Möchte nicht nur einen Eintrag sehen, sondern min. 10 und der Rest soll scrollbar sein.
Zum Vergrößern anklicken....
Is ja drollig :)

Code: 
<select name="hour" size="10"> ... </select>


mfg Maik
 
Ja der Maik ist einfach schneller ;) Jungs bewahrt euch den Stress für das nächste Jahr... :)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück