✔ Java DIV ein/ausblenden Textfelder leer oder Textfeld hat inhalt?

V

vodka

Mitglied
Hallo,

ich habe 2 Textfelder:
Code: 
<input type="text" name="cover1" id="cover1" />
<input type="text" name="cover2" id="cover2" />

Und darunter 2 DIV's:
Code: 
<div id="schrift1">
schrift 1
</div>

<div id="schrift2">
schrift 2
</div>

Jetzt zu meiner Frage gibt es die möglichkeit, sobald ich im Inputfeld Cover 1 etwas eingebe das dann der "schrift1" DIV eingeblendet wird und der div "schrift2" ausblendet und umgekehrt?

Wen ja wie setz ich dies um?

Besten Dank im vorraus für eure Hilfe.
 
Es wäre mir lieber dies ohne Jquery zu lösen.

So i diesem Stil:

Code: 
<script language="javascript" type="text/javascript">
function einblenden () {

	if (document.getElementById("cover1").selectedIndex == "3") {
		document.getElementById("schrift1").style.visibility = "visible";
	} else {
		document.getElementById("schrift2").style.visibility = "hidden";
	}
}
</script>
Nur stimmt hier das: "selectedIndex == "3"" nicht hier sollte der Code sein für wenn etwas im Input Feld eingeben wird/wurde.
 
Hi,

ich würde es mit Hilfe des Events focus lösen. Erhält ein Input-Element den Fokus, so wird das zugehörige DIV-Element eingeblendet, das andere versteckt.

Beispiel:
Code: 
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
function toggleView(strId){
  var arrIDs = ['schrift1', 'schrift2'];

  for(var i=0, iLen=arrIDs.length; i<iLen; i++){
    var strDisplay = (strId == arrIDs[i])? '' : 'none';
    document.getElementById(arrIDs[i]).style.display = strDisplay;
  }
}
 //-->
</script>
</head>
<body>
<input type="text" name="cover1" id="cover1" onfocus="toggleView('schrift1');">
<input type="text" name="cover2" id="cover2" onfocus="toggleView('schrift2');">

<div id="schrift1" style="display: none;">schrift 1</div>
<div id="schrift2" style="display: none;">schrift 2</div>
</body>
</html>
Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück