HTML/CSS (neu) probleme mit display:none

[mydoys.de]

Neues Problem:

So neues Problem wie mache ich das die Sachen wieder ausgeblendet werden?


Mein Code:

		<tr>
                                    <td valign="top" width="122" ><font face="Arial" size="1">Tarifklassen</font></td>
                                    <td width="234" ><font face="Arial" size="1">BasicSMS : <input type="radio" value="basic" name="type" onclick="document.getElementById('Basic-feld').style.display='';"><br>
							EconomySMS : <input type="radio" value="economy" name="type" onclick="document.getElementById('Economy-feld').style.display='';"><br>
							GoldSMS : <input type="radio" value="gold" name="type" onclick="document.getElementById('Gold-feld').style.display='';"><br>
							DirectSMS : <input type="radio" value="direct" name="type" onclick="document.getElementById('Direct-feld').style.display='';"><br>

						</font></td>
                                 </tr>
		        
		<tr id="Basic-feld" style="display:none;">
                                    <td valign="top" width="122" ><font face="Arial" size="1">Preis : 0.025 €</font></td>
                                    <td width="234" ><font face="Arial" size="1">Infos zur BasicSMS</font></td>
                                 </tr>
	
		<tr id="Economy-feld" style="display:none;">
                                    <td valign="top" width="122" ><font face="Arial" size="1">Preis : 0.038 €</font></td>

                                    <td width="234" ><font face="Arial" size="1">Infos zur EconomySMS</font></td>
                                 </tr>

		<tr id="Gold-feld" style="display:none;">
                                    <td valign="top" width="122" ><font face="Arial" size="1">Preis : 0.056 €</font></td>
                                    <td width="234" ><font face="Arial" size="1">Infos zur GoldSMS</font></td>
                                 </tr>

		<tr id="Direct-feld" style="display:none;">
                                    <td valign="top" width="122" ><font face="Arial" size="1">Preis : 0.085 €</font></td>
                                    <td width="234" ><font face="Arial" size="1">Infos zur DirectSMS</font></td>
                                 </tr>

_________________________________________________________________

GELÖSTES PROBLEM :


Mein Formular:

 <table width="100%" border="0" cellspacing="0" cellpadding="0">
		
		<tr>
                                    <td valign="top" width="122" ><font face="Arial" size="1">Mit Absender Kennung</font></td>
                                    <td width="234" ><font face="Arial" size="1">Ja : <input type="radio" value="4" name="type"> (590000) Lose <br>Nein : <input type="radio" value="2" name="type" onclick="document.getElementById('replyto-feld').style.display = (this.checked) ? 'block' : 'none'"> (230000) Lose</font></td>
                                 </tr>


		<div id="replyto-feld" style="display: none">
		<tr>
                                    <td valign="top" width="122" ><font face="Arial" size="1">Antwort E-Mail Adresse</font></td>
                                    <td width="234" ><font face="Arial" size="1"><input name="replyto" type="text" value="" class="formfeld" size="33"></td>
                                 </tr>
		</div>

				<tr>
                                    <td valign="top" width="122"></td>
                                    <td width="234"><input type="submit" value="SMS senden" name="Button" class="sendebtn"></td>
                                 </tr>
	</table>

Normaler weiße müsste das Feld was in den Div Tags steckt erst auftauchen wenn ich die Box Nein Anklicke und wenn ich die wieder wegmache müsste die wieder weggehen..
Aber irgendwie passiert nichst..

Warum?

 

[TerraTux]

Hallo,

ein <div> hat inmitten einer Tabellenstruktur nix verloren (zwischen den <tr>'s).

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
	<td valign="top" width="122" ><font face="Arial" size="1">Mit Absender Kennung</font></td>
	<td width="234"><font face="Arial" size="1">Ja : <input type="radio" value="4" name="type" onclick="document.getElementById('replyto-feld').style.display='none';"> (590000) Lose <br>
			Nein : <input type="radio" value="2" name="type" onclick="document.getElementById('replyto-feld').style.display='block';"> (230000) Lose</font></td>
</tr>
<tr id="replyto-feld" style="display:none;">
	<td valign="top" width="122"><font face="Arial" size="1">Antwort E-Mail Adresse</font></td>
	<td width="234"><input name="replyto" type="text" value="" class="formfeld" size="33"></td>
</tr>
<tr>
	<td valign="top" width="122"></td>
	<td width="234"><input type="submit" value="SMS senden" name="Button" class="sendebtn"></td>
</tr>
</table>

ich habe auch mal Deine onClick's angepasst. Das Feld soll sicher wieder verschwinden, wenn man dann doch wieder auf JA klickt.
Ganz Astrein ist's so aber auch noch nicht, jedenfalls interessieren den Firefox DAMIT die Breitenangaben nicht mehr...

TIP:
Mach Dir die Macht von CSS zu nutze. Damit kannst Dir das ganze <font size...>-Gedöhns sparen. Macht den Code schlanker

Gruß

 

[mydoys.de]

jo das mit dem Font zeugs wollte ich eh noch rausmachen... *g*

Hm das was jetzt doof ist weil das Ganze Formular (wie du schons geschrieben hast) ist jetzt kacke *g*
Weil es sich alles verschiebt

 

[TerraTux]

mach mal aus:

document.getElementById('replyto-feld').style.display='block';

nur:

document.getElementById('replyto-feld').style.display='';

(2x Single-Quote)

Gruß

 

[mydoys.de]

Ok danke jetzt geht es

 

[mydoys.de]

so habe mal was neues und wollte nicht gleich ein neues Thema auf machen..


So neues Problem wie mache ich das die Sachen wieder ausgeblendet werden?


Mein Code:

		<tr>
                                    <td valign="top" width="122" ><font face="Arial" size="1">Tarifklassen</font></td>
                                    <td width="234" ><font face="Arial" size="1">BasicSMS : <input type="radio" value="basic" name="type" onclick="document.getElementById('Basic-feld').style.display='';"><br>
							EconomySMS : <input type="radio" value="economy" name="type" onclick="document.getElementById('Economy-feld').style.display='';"><br>
							GoldSMS : <input type="radio" value="gold" name="type" onclick="document.getElementById('Gold-feld').style.display='';"><br>
							DirectSMS : <input type="radio" value="direct" name="type" onclick="document.getElementById('Direct-feld').style.display='';"><br>

						</font></td>
                                 </tr>
		        
		<tr id="Basic-feld" style="display:none;">
                                    <td valign="top" width="122" ><font face="Arial" size="1">Preis : 0.025 €</font></td>
                                    <td width="234" ><font face="Arial" size="1">Infos zur BasicSMS</font></td>
                                 </tr>
	
		<tr id="Economy-feld" style="display:none;">
                                    <td valign="top" width="122" ><font face="Arial" size="1">Preis : 0.038 €</font></td>

                                    <td width="234" ><font face="Arial" size="1">Infos zur EconomySMS</font></td>
                                 </tr>

		<tr id="Gold-feld" style="display:none;">
                                    <td valign="top" width="122" ><font face="Arial" size="1">Preis : 0.056 €</font></td>
                                    <td width="234" ><font face="Arial" size="1">Infos zur GoldSMS</font></td>
                                 </tr>

		<tr id="Direct-feld" style="display:none;">
                                    <td valign="top" width="122" ><font face="Arial" size="1">Preis : 0.085 €</font></td>
                                    <td width="234" ><font face="Arial" size="1">Infos zur DirectSMS</font></td>
                                 </tr>

Also wenn ich eines anklicke und dann das näschte soll das erste wieder weggehen

 

[strolch00]

Gib den tr´s noch eine css class, dann kannst Du mit getElementByClass oder so ähnlich alle Eemente in einer Schleife auf display: none; setzen und danach dein Element mit der ID auf display.

 

[mydoys.de]

Gib den tr´s noch eine css class, dann kannst Du mit getElementByClass oder so ähnlich alle Eemente in einer Schleife auf display: none; setzen und danach dein Element mit der ID auf display.

ne CSS Class?? geht das nicht auch einfacher?

Weil gezeigt wird es ja es soll nur wieder ausgeblendet werden wenn man was anderes anklickt

 

[strolch00]

Es würde auch so gehen das Du Dir die ID des Wertes der gerade angezeigt wird in einer var speicherst und diese dann beim Wechsel des select-feldes vorher auf display: none; machst um dann wieder die neue ID drin zu speichern um diese per display sichtbar zu machen. Was anderes fällt mir im Moment net ein.