majesticc89
Mitglied
Servus Leute,
folgender Code:
HTML:
	
	
		
			
	
	
	
		
		
	
CSS:
	
	
		
			
	
	
	
		
		
	
(Der CSS-Code kann vernachlässigt werden).
Dank euch habe ich nun mehrere Buttons erstellt, die mit Hilfe eines JavaScripts den jeweiligen Content anzeigen, danke noch einmal.
Nun meine nächste Frage: Ist es möglich (siehe HTML) die <option> - Tags an bestimmte divs zu binden?
Bspw.
<option> Auswahl 1 </option> an div.class="content1"
usw.
und das bei der jeweiligen Auswahl NUR derjenige Content angezeigt wird.
Das wäre einfacher als 5 Buttons zu erstellen / zu verstecken und mit der :hover Funktion zu arbeiten.
				
			folgender Code:
HTML:
		Code:
	
	<form>
  <label>Auswahl:
    <select name="spieltage">
       <option>Auswahl 1</option>
        <option>Auswahl 2</option>
        <option>Auswahl 3</option>
        <option>Auswahl 4</option>
        <option>Auswahl 5</option>
     </select>
  </label>
</form>
<p>   </p>
<div class="content1" style="display:none;">
  <p> Content 1 </p>
</div>
<p>   </p>
<div class="content2" style="display:none;">
  <p> Content 2 </p>
</div>
<p>   </p>
<div class="content3" style="display:none;">
  <p> Content 3 </p>
</div>
<p>   </p>
<div class="content4" style="display:none;">
  <p> Content 4 </p>
</div>
<p>   </p>
<div class="content5" style="display:none;">
  <p> Content 5 </p>
</div>CSS:
		Code:
	
	div.content1 {
  text-align: center;
  width: 100px;
  height: 50px;
  border: 1px solid black;
  background: white;
  border-radius: 5px;
}
div.content2 {
  text-align: center;
  width: 100px;
  height: 50px;
  border: 1px solid black;
  background: white;
  border-radius: 5px;
}
div.content3 {
  text-align: center;
  width: 100px;
  height: 50px;
  border: 1px solid black;
  background: white;
  border-radius: 5px;
}
div.content4 {
  text-align: center;
  width: 100px;
  height: 50px;
  border: 1px solid black;
  background: white;
  border-radius: 5px;
}
div.content5 {
  text-align: center;
  width: 100px;
  height: 50px;
  border: 1px solid black;
  background: white;
  border-radius: 5px;
}(Der CSS-Code kann vernachlässigt werden).
Dank euch habe ich nun mehrere Buttons erstellt, die mit Hilfe eines JavaScripts den jeweiligen Content anzeigen, danke noch einmal.
Nun meine nächste Frage: Ist es möglich (siehe HTML) die <option> - Tags an bestimmte divs zu binden?
Bspw.
<option> Auswahl 1 </option> an div.class="content1"
usw.
und das bei der jeweiligen Auswahl NUR derjenige Content angezeigt wird.
Das wäre einfacher als 5 Buttons zu erstellen / zu verstecken und mit der :hover Funktion zu arbeiten.
 
	 
 
		