Klapptabelle - bei reload offen oder zu merken

BocaSpanky · 20.04.2009, 21:55

Hallo,

ich habe folgendes script im <head>:

Code:

<script language="JavaScript">
function showAndHide(theId)
{
   var el = document.getElementById(theId)

   if (el.style.display=="none")
   {
      el.style.display="block"; //show element
   }
   else
   {
      el.style.display="none"; //hide element
   }
}
</script>

und das hier um meine html Tabellen:

Code:

<input onClick = showAndHide("1") name="Checkbox1" type="checkbox" />

Code:

<div id="1" style="display:none">
<table>
....
</table>
</div>

nun passiert folgendes:

Beim aufrufen der Seite sind die Tabellen versteckt. So soll es auch sein.
Nun nen Klick in die CHECKBOX und die Tabelle wird sichtbar. Klappt alles wunderbar.

Wenn ich nun bei der aufgeklappten Tabelle auf nen SUBMIT button klicke, der mir Daten in meine Datenbank schreibt, aktualisiert sich meine Seite. Sollte auch soweit so sein.

Nur das Problem ist das die Tabelle nach dem reload der Seite wieder versteckt ist. Was ja auch dem Script nach normal ist.

Weiß jemand wie sich das die Checkboxen oder das Javascript merken kann welche Tabelle vor dem Reload offen war?

Hoffe das hier ist ein wenig verständlich beschrieben!

Grüße

Manko10 · 20.04.2009, 23:07

Indem du einen GET-Parameter oder noch besser einen Hash (#Foobar) an den URL anhängst und diesen am Anfang per JavaScript ausliest.
Übrigens gibt es das Attribut language="JavaScript" nicht, das heißt type="application/javascript" oder wegen des IEs auch type="text/javascript" (derzeit leider noch zu bevorzugende Methode).

Phoscur · 21.04.2009, 00:31

Zitat:

Zitat von Manko10

Übrigens gibt es das Attribut language="JavaScript" nicht, das heißt type="application/javascript" oder wegen des IEs auch type="text/javascript" (derzeit leider noch zu bevorzugende Methode).

Zitat:

type="text/javascript"
This attribute is optional. Since Netscape 2, the default programming language in all browsers has been JavaScript. In XHTML, this attribute is required and unnecessary. In HTML, it is better to leave it out. The browser knows what to do.

JavaScript and HTML Script Tags

BocaSpanky · 21.04.2009, 01:24

Zitat:

Zitat von Manko10

Indem du einen GET-Parameter oder noch besser einen Hash (#Foobar) an den URL anhängst und diesen am Anfang per JavaScript ausliest.

Danke schonmal für den Tip. Aber leider versteh ich nur Bahnhof!

. Wäre nett wenn mir mal jemand ein Beispiel oder so sagen könnte.

Manko10 · 21.04.2009, 21:15

@Phlegma: dass die Browser das auch ohne verstehen, weiß ich. Ich sprach nur davon, dass es das Attribut language="" nicht gibt bzw. dass es deprecated ist und das ist nunmal eine Tatsache.
Wenn du schon zitierst, dann solltest du aber schon die offizielle Quelle nehmen und da steht nunmal:

Zitat:

Zitat von http://www.w3.org/TR/html4/interact/scripts.html#edef-SCRIPT

Code:

<!ATTLIST SCRIPT
  charset     %Charset;      #IMPLIED  -- char encoding of linked resource --
  type        %ContentType;  #REQUIRED -- content type of script language --
  src         %URI;          #IMPLIED  -- URI for an external script --
  defer       (defer)        #IMPLIED  -- UA may defer execution of script --
  >

[...]
type = content-type [CI]

This attribute specifies the scripting language of the element's contents and overrides the default scripting language. The scripting language is specified as a content type (e.g., "text/javascript"). Authors must supply a value for this attribute. There is no default value for this attribute.

language = cdata [CI]

Deprecated. This attribute specifies the scripting language of the contents of this element. Its value is an identifier for the language, but since these identifiers are not standard, this attribute has been deprecated in favor of type.

Folglich ist type="" Pflicht.

Beitrag editiert:
[…] Und um noch application/javascript vs. text/javascript zu untermauern: http://www.rfc-editor.org/rfc/rfc4329.txt

@BocaSpanky: Ich gebe dir einen Tipp: location.hash. So und den Rest googlest du jetzt selbst, okay?

BocaSpanky · 22.04.2009, 04:33

Oki doki.... etwas verwirrt bin ich dennoch.

LINK SELFHTML

Ich weiß jetzt nicht wie ich das einpflanzen soll. Weil mein SUBMITBUTTON eigentlich so aussieht.

Code:

<input name="eintragen_begriffe" type="submit" value="in Datenbank speichern" >

Na ja egal.... will dich auch net weiter belästigen

Merk schon -> Selbst sollte der Mann sein! ^^

Werd dann wohl mal versuchen das hinzukriegen mit der Datenbank und - display="block" display="none

Grüße und danke trotzdem!

Phoscur · 22.04.2009, 13:37

Zitat:

Zitat von Manko10

@Phlegma: dass die Browser das auch ohne verstehen, weiß ich. Ich sprach nur davon, dass es das Attribut language="" nicht gibt bzw. dass es deprecated ist und das ist nunmal eine Tatsache.
Wenn du schon zitierst, dann solltest du aber schon die offizielle Quelle nehmen und da steht nunmal:Folglich ist type="" Pflicht.

Dich wollte ich eh nicht belehren ;D, war eher als Ergänzung gedacht, nächstes Mal schreibe ich das dazu.. war schon etwas spät...
Interessant, dass Crockford auch mal unrecht hat. Naja niemand ist perfekt.

Manko10 · 22.04.2009, 16:08

Da hat er sich dann wohl auf HTML 3.2 oder so bezogen. Selbst in HTML 4.01 Transitional ist type Pflicht

dille001 · 24.04.2009, 02:32

Zitat:

Zitat von BocaSpanky

Weiß jemand wie sich das die Checkboxen oder das Javascript merken kann welche Tabelle vor dem Reload offen war?

gar nicht: Mit dem Submit an den Server wird die Seite ja aus Perspektive des Browsers reloaded, sondern erneut ein Dokument vom Server angefordert. - Damit verlässt Du das DOM und somit die Laufzeitumgebung des Javascript.

Wie Manko bereits sagte, kannst Du, sofern die Daten per GET übergeben werden, einfach einen Hash (#1isoffen) oder (einen) weitere(n) Parameter anhängen. Die kannst Du dann per onload-Javascript prüfen und die entsprechenden Elemente auf display:block setzen.

Allerdings kommt doch die dann anzuzeigende Seite ohnehin aus Deinem PHP - wieso ergänzt Du Dein Formular nicht um einen hidden-Input pro Tabelle,

Manko10 · 27.04.2009, 15:28

Der Hash funktioniert auch ohne GET, er ist nämlich unabhängig von der Submit-Methode und ist nur im Browser sicht- und zugreifbar, an den Server wird er gar nicht gesendet.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Reload in Forms	Sonja	PHP Tipps 2006	5	20.06.2006 12:31
$_request und reload		PHP Tipps 2007	3	18.12.2005 10:08
Teil der Seite wird erst nach Reload angezeigt!		PHP Tipps 2005-2	1	06.08.2005 22:46
popup reload	boehseronkel	HTML, Usability und Barrierefreiheit	1	03.08.2005 14:34
Zwei Sachen zum Seiten reload		HTML, Usability und Barrierefreiheit	8	03.08.2005 09:21
Session ID wird beim reload erneuert ?!?!		PHP Tipps 2005	3	18.05.2005 16:06
Browser zum reload zwingen?		PHP Tipps 2005	17	28.02.2005 21:06
Kombination von back und reload		PHP Tipps 2004-2	5	23.11.2004 10:56

20.04.2009, 21:55
BocaSpanky Neuer Benutzer Registriert seit: 13.04.2009 Beiträge: 17	Klapptabelle - bei reload offen oder zu merken Hallo, ich habe folgendes script im <head>: Code: <script language="JavaScript"> function showAndHide(theId) { var el = document.getElementById(theId) if (el.style.display=="none") { el.style.display="block"; //show element } else { el.style.display="none"; //hide element } } </script> und das hier um meine html Tabellen: Code: <input onClick = showAndHide("1") name="Checkbox1" type="checkbox" /> Code: <div id="1" style="display:none"> <table> .... </table> </div> nun passiert folgendes: Beim aufrufen der Seite sind die Tabellen versteckt. So soll es auch sein. Nun nen Klick in die CHECKBOX und die Tabelle wird sichtbar. Klappt alles wunderbar. Wenn ich nun bei der aufgeklappten Tabelle auf nen SUBMIT button klicke, der mir Daten in meine Datenbank schreibt, aktualisiert sich meine Seite. Sollte auch soweit so sein. Nur das Problem ist das die Tabelle nach dem reload der Seite wieder versteckt ist. Was ja auch dem Script nach normal ist. Weiß jemand wie sich das die Checkboxen oder das Javascript merken kann welche Tabelle vor dem Reload offen war? Hoffe das hier ist ein wenig verständlich beschrieben! Grüße


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

20.04.2009, 23:07
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.425 PHP-Kenntnisse: Fortgeschritten	Indem du einen GET-Parameter oder noch besser einen Hash (#Foobar) an den URL anhängst und diesen am Anfang per JavaScript ausliest. Übrigens gibt es das Attribut language="JavaScript" nicht, das heißt type="application/javascript" oder wegen des IEs auch type="text/javascript" (derzeit leider noch zu bevorzugende Methode). __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

22.04.2009, 04:33
BocaSpanky Neuer Benutzer Registriert seit: 13.04.2009 Beiträge: 17	Oki doki.... etwas verwirrt bin ich dennoch. LINK SELFHTML Ich weiß jetzt nicht wie ich das einpflanzen soll. Weil mein SUBMITBUTTON eigentlich so aussieht. Code: <input name="eintragen_begriffe" type="submit" value="in Datenbank speichern" > Na ja egal.... will dich auch net weiter belästigen Merk schon -> Selbst sollte der Mann sein! ^^ Werd dann wohl mal versuchen das hinzukriegen mit der Datenbank und - display="block" display="none Grüße und danke trotzdem!

22.04.2009, 16:08
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.425 PHP-Kenntnisse: Fortgeschritten	Da hat er sich dann wohl auf HTML 3.2 oder so bezogen. Selbst in HTML 4.01 Transitional ist type Pflicht __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

27.04.2009, 15:28
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.425 PHP-Kenntnisse: Fortgeschritten	Der Hash funktioniert auch ohne GET, er ist nämlich unabhängig von der Submit-Methode und ist nur im Browser sicht- und zugreifbar, an den Server wird er gar nicht gesendet. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”