zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Probleme mit Div ein- / ausblenden

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.11.2008, 14:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.11.2008
Beiträge: 5
Silarus befindet sich auf einem aufstrebenden Ast
Standard Probleme mit Div ein- / ausblenden

Hallo,

ich habe da ein Problem mit dem ein und ausblenden verschiedener Divs mit Javascript.

Hier mal der Quelltext:

HTML-Code:
<script>
  #tm{visibility:hidden;}
  #vo{visibility:hidden;}
  #ep{visibility:hidden;}
  #o2{visibility:hidden;}
</script>

<script  type="text/javascript" language="JavaScript">


function tman()
{
  document.getElementById('tm').style.visibility = 'visible';
  document.getElementById('vo').style.visibility = 'hidden';
  document.getElementById('ep').style.visibility = 'hidden';
  document.getElementById('o2').style.visibility = 'hidden';
}

function voan()
{
  document.getElementById('tm').style.visibility = 'hidden';
  document.getElementById('vo').style.visibility = 'visible';
  document.getElementById('ep').style.visibility = 'hidden';
  document.getElementById('o2').style.visibility = 'hidden';
}

function epan()
{
  document.getElementById('tm').style.visibility = 'hidden';
  document.getElementById('vo').style.visibility = 'hidden';
  document.getElementById('ep').style.visibility = 'visible';
  document.getElementById('o2').style.visibility = 'hidden';
}

function o2an()
{
  document.getElementById('tm').style.visibility = 'hidden';
  document.getElementById('vo').style.visibility = 'hidden';
  document.getElementById('ep').style.visibility = 'hidden';
  document.getElementById('o2').style.visibility = 'visible';
}


</script>
<center>
<table width="95%" border="0">
<tr>
  <td width="25%" align="center">
    <a href="javascript:tman()"><img src="picts/tmobile.gif" border="0"></a>
  </td>
  <td width="25%" align="center">
    <a href="javascript:voan()"><img src="picts/vodafone.gif" border="0"></a>
  </td>
  <td width="25%" align="center">

    <a href="javascript:epan()"><img src="picts/eplus.gif" border="0"></a>
  </td>
  <td width="25%" align="center">
    <a href="javascript:o2an()"><img src="picts/o2_o2_g.gif" border="0"></a>
  </td>
</table>
<table width="95%" border="0">
<tr>
  <td>Netz</td> 
	<td>Anbieter </td> 
	<td>Tarif </td> 
	<td >Grundgebühr </td> 
	<td >Mindest-umsatz </td> 
	<td >Anschluss-gebühr</td>  
	<td >Vertrags-laufzeit </td> 

</tr>

<div id="tm">
<tr>
  <td bgcolor="yellow">T-Mobile</td> 
	<td bgcolor="yellow">debitel </td> 
	<td bgcolor="yellow">direct easy </td> 
	<td bgcolor="yellow">0 </td> 
	<td bgcolor="yellow">9,95 � </td> 
	<td bgcolor="yellow">0</td>  
	<td bgcolor="yellow">24 Monate </td> 

</tr>
</div>

<div id="vo">
<tr>
  <td bgcolor="yellow">Vodafone</td> 
	<td bgcolor="yellow">debitel </td> 
	<td bgcolor="yellow">Direct Power + </td> 
	<td bgcolor="yellow">14,95 � </td> 
	<td bgcolor="yellow">0 </td> 
	<td bgcolor="yellow">0</td>  
	<td bgcolor="yellow">24 Monate </td> 

</tr>
</div>

<div id="ep">
<tr>
  <td bgcolor="yellow">E-Plus</td> 
	<td bgcolor="yellow">debitel </td> 
	<td bgcolor="yellow">Direct Power + </td> 
	<td bgcolor="yellow">0 </td> 
	<td bgcolor="yellow">14,95 � </td> 
	<td bgcolor="yellow">0</td>  
	<td bgcolor="yellow">24 Monate </td> 

</tr>
</div>

<div id="o2">
<tr>
  <td bgcolor="yellow">O2</td> 
	<td bgcolor="yellow">debitel </td> 
	<td bgcolor="yellow">Direct Power + </td> 
	<td bgcolor="yellow">14,95 � </td> 
	<td bgcolor="yellow">0 </td> 
	<td bgcolor="yellow">0</td>  
	<td bgcolor="yellow">24 Monate </td> 

</tr>
</div>
Ich weiß jetzt nicht was ich falsch mache, aber irgendwie werden immer alle divs angezeigt. Was mache ich falsch?

Danke im voraus.

Silarus
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.11.2008, 14:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.11.2008
Beiträge: 5
Silarus befindet sich auf einem aufstrebenden Ast
Standard

Leider liegt es nicht daran

Ich habs rausgenommen und es funktioniert noch immer nicht.
Ich habs auch drüber Kopiert, hat auch nichts gebraucht.

Hat noch jemand eine Idee?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 21.11.2008, 15:58
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Der HTML code ist ungültig.
Mit Zitat antworten
  #4 (permalink)  
Alt 21.11.2008, 15:58
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.03.2007
Beiträge: 178
Thorben befindet sich auf einem aufstrebenden Ast
Standard

Dir ist aufgefallen, dass du da ein Script-Element für dein CSS verwendet hast?
Mit Zitat antworten
  #5 (permalink)  
Alt 21.11.2008, 16:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.11.2008
Beiträge: 5
Silarus befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Thorben Beitrag anzeigen
Dir ist aufgefallen, dass du da ein Script-Element für dein CSS verwendet hast?
Oh, ups... ist geändert aber führt mich nicht näher an die Lösung meines Problems

Geändert von Silarus (21.11.2008 um 16:04 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 21.11.2008, 16:09
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Wie gesagt dein HTML Code ist völlig vermurkst, du kannst keine Tabellenreihen in DIV Elemente packen.
Mit Zitat antworten
  #7 (permalink)  
Alt 21.11.2008, 16:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.11.2008
Beiträge: 5
Silarus befindet sich auf einem aufstrebenden Ast
Standard

Oh, öhm, okay. Das wußte ich nicht. Gut jetzt funzt das.
Jetzt habe ich aber ein anderes Problem.

Die sollen alle eigentlich immer alle an einer stelle sein. Hat jemand ne Idee wie das funzt?

Sorry für die Fragen, aber habe ich keine Ahnung groß von dieser Art. Regele das normalerweise anders, aber es ist gewünscht das die Ladezeiten kaum vorhanden sind.

Oder kann mir jemand sagen wie ich das über Ajax machen kann, das halt nur ein Div vorhanden ist und das dem verschiede Werte aus verschiedenen SQL Anweisungen zugewiesen werden können?
Mit Zitat antworten
  #8 (permalink)  
Alt 21.11.2008, 16:41
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Silarus Beitrag anzeigen
Oder kann mir jemand sagen wie ich das über Ajax machen kann, das halt nur ein Div vorhanden ist und das dem verschiede Werte aus verschiedenen SQL Anweisungen zugewiesen werden können?
Möchtest du eine Auftrag abgeben? Oder sollen wir dir beim googlen helfen?

Sorry, aber üblicherweise ist ein Forum dazu da, bei bestehenden Problemen zu helfen oder wenn jemand etwas nicht findet, weil er oder sie die Begriffe nicht kennt. Aber wir können kein Tutorial ersetzen und suchen ist heutzutage so einfach, das solltest du auch hinkriegen.
Mit Zitat antworten
  #9 (permalink)  
Alt 21.11.2008, 19:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.11.2008
Beiträge: 5
Silarus befindet sich auf einem aufstrebenden Ast
Standard

Ich habe es jetzt mal selber versucht mit Ajax mir was zusammen zu basteln, aber irgendwie bekomme ich nichts zurück

Die Variable $echo ist nur eine Ausgabevariable
PHP-Code:
$echo.='
<script  type="text/javascript" language="JavaScript">
'
;

$echo.="
function suche(netzname)
{
  var opt= {method:'post';postbody: 'netz='+netzname};
  New Ajax.Updater({success:'inhalt'},'vertraus.php',opt);
}
"
;
$echo.='
</script>
<center>
<table width="95%" border="0">
<tr>
  <td width="25%" align="center">
    <a href="javascript:suche(T-Mobile)"><img src="picts/tmobile.gif" border="0"></a>
  </td>
  <td width="25%" align="center">
    <a href="javascript:suche()"><img src="picts/vodafone.gif" border="0"></a>
  </td>
  <td width="25%" align="center">
    <a href="javascript:suche()"><img src="picts/eplus.gif" border="0"></a>
  </td>
  <td width="25%" align="center">
    <a href="javascript:suche(O2)"><img src="picts/o2_o2_g.gif" border="0"></a>
  </td>
</table>

<div id="inhalt">

</div>
'

Und hier die PHP Datei in der die Daten gesammelt und zusammengestellt werde.
PHP-Code:
<?php

$ausg
.='<table width="95%" border="0">
<tr>
  <td>Netz</td> 
    <td>Anbieter </td> 
    <td>Tarif </td> 
    <td >Grundgebühr </td> 
    <td >Mindest-umsatz </td> 
     
    <td >Anschluss-gebühr</td>  
    <td >Vertrags-laufzeit </td> 
</tr>'
;

if (
$_POST['netzname']!="")
{
  
$sqls='select * from vertrag where v_netz="'.$_POST['netzname'].'" order by v_anbieter';
} else
{
  
$sqls='select * from vertrag order by v_anbieter';
}
$result=mysql_query($sqls);
while(
$data=mysql_fetch_array($result))
{
$ausg.='
<tr>
  <td bgcolor="yellow">'
.$data[v_netz].'</td> 
    <td bgcolor="yellow">'
.$data[v_anbieter].' </td> 
    <td bgcolor="yellow">'
.$data[v_name].' </td> 
    <td bgcolor="yellow">'
.$data[v_grund].' </td> 
    <td bgcolor="yellow">'
.$data[v_mindest].' </td> 
    <td bgcolor="yellow">'
.$data[v_anschluss].'</td>  
    <td bgcolor="yellow">'
.$data[v_lauf].' </td> 
</tr>

'
;  
}

$ausg.='
</table>
</div>'
;

echo 
$ausg;
?>
Mache ich irgendwas falsch?

Geändert von Silarus (21.11.2008 um 19:32 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Div ein- bzw. ausblenden funktioniert nur bedingt basillio Javascript & Ajax 2 29.11.2010 11:55
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Probleme DIV Höhe, Anordnung kran CSS 4 07.11.2010 11:23
MouseOver - DIV einblenden und DIV ausblenden, läuft nicht im IE 6! NicolaibassDH CSS 2 05.03.2007 15:27
probleme mit height 100% u. div container Didi CSS 1 28.12.2005 18:50


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:11 Uhr.