Wenn... dann zeige Text

  • #1
X

xeen

Bekanntes Mitglied
Themenersteller
Dabei seit
28.11.2001
Beiträge
283
Reaktionspunkte
0
Also ich habe eine ganz normale Check-Option

<input type=Checkbox name=premium value=1>

Nun möchte ich, das wenn diese Checkbox aktiviert wird, ein Text an einer anderen Stelle angezeigt wird. Also als erklärung.
Wird der Haken nun entfernt, soll der Text wieder verschwinden.
Wie mache ich das?
 
  • #2
Nur mit HTML gar nicht (meines Wissens nach) :(

Du brauchst entweder einen javascript, der diese Eingabe überprüft (s. SELFHTML, javascript => Anwendungsbeispiele => Forumlardaten überprüfen) oder du musst mit PHP eine entsprechende Funktion basteln.

Wenn du PHP nutzen kannst, würde ich letzteres empfehlen - ist einfacher ,-)
 
  • #3
Hi

Mit Javascript und CSS

<input type=Checkbox name=premium value=1 onclick=document.getElementById('note').style.display='block' />

<div id=note style=display: none;>Erklärung</div>

Das ist jetzt die einfache Variante, da verschwindet es nicht wieder, ansonsten müsstest du dafür ne Javascript Funktion anlegen, die guckt üb die Erklärung gerade angezeigt wird oder nicht um dann das Gegenteil auszuführen.

Gruß, Michael
 
  • #4
ok... php habe ich.
aber mir ist es sehr wichtig, das wenn man es nicht auswählt das es auch wieder weg geht.
Bloß wie mache ich sowas in PHP?
Mir ist schon die Idee gekommen die ganzen daten nochmal an die gleiche seite zu übergeben, aber mit einer if-else schleife das ganze zu entscheiden, was hinkommt. doch das sit mir dann doch ein bisschen zu umständlich.
 
  • #5
Hi

Nachteil von PHP ist, das dabei ja jedesmal die Seite neu geladen werden muss. Dabei fragst du einfach den Namen des Input Feldes als Variable ab:

<?php if($_REQUEST[premium] == 1) : ?>
Erklärung
<?php endif ?>

Damit das klappt muss aber die checkbox per submit übermittelt werden.

Gruß, Michael
 
  • #6
in einem formular oder wie?
aber der text muss ja sofort beim auswählen angezeigt werden...
 
  • #7
Hi

Dann gehts nur per Javascript, PHP ist ja nicht Clientseitig.

Gruß, Michael
 
  • #8
aber wie?
Ich habe mir von der Microsoft seite so ein script geklaut, das ging aber nur per Radio Boxen.
Kann mir jemand irgendwie ein Beispiel geben wie ich das machen kann?
 
  • #9
hi,

du könntest einen css-layer anlegen, der den text beinhaltet, der angezeigt werden soll.

<div id=name style=visibility: hidden;...>text</div>

in deiner checkbox müsstest du eine js-script function aufrufen. (onClick)

darin setzt du
document.getElementByI('name').style.visibility=visible
und ne variable, die beinhaltet, dass der layer angezeigt wird. z.b. var temp=visible

noch ne if abfrage in die function

...if temp==visible
document.getElementByI('name').style.visibility=hidden

nico
 
  • #10
so?



<div id=name style=visibility: hidden;...>text</div>
<input type=Checkbox name= value=v onClick=if temp==visible
document.getElementByI('name').style.visibility='hidden' else document.getElementByI('name').style.visibility='visible'>
 
  • #11
hi xeen,

so geht's auf jeden fall:

<html>
<head>
<title>test</title>
<script LANGUAGE=JavaScript TYPE=text/javascript>
<!--

var ebene;

function show()
{
ebene=div1;
if (document.getElementById(ebene).style.visibility==hidden)
{
document.getElementById(ebene).style.visibility=visible;
}
else
{
document.getElementById(ebene).style.visibility=hidden;
}
}

//-->
</SCRIPT>
</head>

<body>

<div ID=div1 STYLE=Width: 100px; Height: 100px; position: absolute; right: 60px; top: 60px;
background-color: #E6E6E6; border: solid 1px #8B163B; Visibility: hidden; overflow: hidden; Z-Index: 1>
test text
</div>

<form>
<input type=Checkbox name=check value=v onClick=show()>
</form>

</body>
</html>

viel glück,
nico
 
  • #12
hi nochmal,

solltest du verschiedene checkboxen haben und verschiedene texte anzeigen wollen geht's so:

<html>
<head>
<title>test</title>
<script LANGUAGE=JavaScript TYPE=text/javascript>
<!--

var ebene;

function show(zahl)
{
ebene=div+zahl;
if (document.getElementById(ebene).style.visibility==hidden)
{
document.getElementById(ebene).style.visibility=visible;
}
else
{
document.getElementById(ebene).style.visibility=hidden;
}
}

//-->
</SCRIPT>
</head>

<body>

<div ID=div1 STYLE=Width: 100px; Height: 100px; position: absolute; right: 60px; top:

60px;
background-color: #E6E6E6; border: solid 1px #8B163B; Visibility: hidden; overflow: hidden;

Z-Index: 1>
test text
</div>

<div ID=div2 STYLE=Width: 100px; Height: 100px; position: absolute; right: 60px; top:

60px;
background-color: #555555; border: solid 1px #8B163B; Visibility: hidden; overflow: hidden;

Z-Index: 1>
test text2
</div>

<form>
<input type=Checkbox name=check1 value=v onClick=show(1)>
<input type=Checkbox name=check2 value=v onClick=show(2)>
</form>

</body>
</html>
 
  • #13
ok danke....
aber ich hab noch'n weiteres Problem aber dazu mach ich nen neuen Theard auf, micha oder wer hier immer admins ist, abhaken...
 
  • #14
Hallo liebe Forum Mitarbeiter,ich benötige mal ihre Hilfe da ich mich nicht damit auskenne.ich möchte mir einen USB stick mit vertrag zu legen um im Internet zu surfen.meine frage an sie ist welchen stick ich mit meinem Netbook Medion Akoya E1222 mit Windows 7 Starter ich nutzen kann.können Sie mir bitte helfen ? ich bedanke mich im vorraus bei Ihnen mit grüßen jörg48
 
  • #15
Grundsätzlich jeden, also egal ob von Aldi, Lidl, oder einen der großen Telefonanbieter. Diese werden ja via USB mit dem Rechner verbunden, von daher spielt es keine Rolle.
 
  • #16
Sehr gehrter Herr Bytehawk danke für Ihre Hilfe erstmal,können sie mir auch sagen welcher kosten günstig ist welchen man kaufen sollte? danke im vorraus gruß jörg48.
 
  • #18
Sehr geehrter Bytehawk danke ihnen für ihre hilfe und sage servus bis bald ihr jörg48
 
Thema:

Wenn... dann zeige Text

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums

Themen
113.840
Beiträge
707.965
Mitglieder
51.494
Neuestes Mitglied
Flensburg45
Oben