Forum
Tipps
News
Menu-Icon

HTML-Script "Klappbare Box" - Bitte um Hilfe beim umschreiben

Hallo zusammen,
Ich habe ein Script für eine Box, die man auf und zu klappen kann.

Funktioniert auch alles super, nur leider, wenn ich die Seite betrete, dann ist die Box geöffnet.

ICH möchte aber, dass wenn man die Seite betritt, die Box geschlossen ist und sich erst mit einem klick auf das Plus öffnet.

Kann mir jemand sagen, was genau ich dazu verändern muss?

Vielen Dank für eure Hilfe.
MFG Niklas


Hier der Originalcode:

<script language="javascript">
var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) {
    if (ie4) {
        return document.all[id];
    } else {
        return document.getElementById(id);
    }
}

function toggle(link, divId) {
    var lText = link.innerHTML; var d = getObject(divId);
    if (lText == '+') {
        link.innerHTML = '−'; d.style.display = 'block';
    } else { link.innerHTML = '+'; d.style.display = 'none';
    }
}
</script>

<div style="border: 1px solid #000000; padding: 0px; background: #EEEEEE;  width:200px ">
<table border="0" cellspacing="0" cellpadding="2" width="200" style="background: #000000; color: #FFFFFF; ">
<tr>
<td>Textbox</td>
<td align="right">   [<a title="show/hide" id="" href="javascript: void(0);" onClick="toggle(this, 'box1');" style="text-decoration: none; color: #FFFFFF; ">-</a>]
</td>
</tr>
</table>
<div id="box1" style="padding: 3px;">Testinhalt von der Testbox, die man auf- und zumachen kann. Toll!</div>
</div>


Antworten zu HTML-Script "Klappbare Box" - Bitte um Hilfe beim umschreiben:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hi

- da mein java-nisch ähnlich gut = wie mein japa-nisch
- bitte ich um den Link um mir mal die Page (in Betrieb) anzusehen 8)

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button
Dann würde ich statt

<div id="box1" style="padding: 3px;">Testinhalt von der Testbox, die man auf- und zumachen kann. Toll!</div>

einfach schreiben

<div id="box1" style="padding: 3px; display: none">Testinhalt von der Testbox, die man auf- und zumachen kann. Toll!</div>

Damit wird die Box beim Aufrufen nicht angezeigt, die Funktion ist aber weiterhin die gleiche (die JS-Funktion "ersetzt" ja nur die Styledefinition von display mit jeweils "block" für sichtbar und "none" für unsichtbar

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Absolut korrekt :)

Du kannst das dann auch nach Herzenslust noch weiter treiben. Beispielsweise könntest du den Status in einem Cookie sichern und bei Bedarf wieder den letzten Zustand aufrufen... nur so als Anregung ;)

greez 8)
JoSsiF

Hey, super Vielen Danke.
Das klappt soweit super!

Ich habe ABER NOCH EINE FRAGE !
Wenn ich jetzt auf die Seite gehe wird die BOX zwar geschlossen angezeigt.

ABER: Es wird auch das Minus für Box schließen angezeigt, anstatt das Plus(+) für Box öffnen ...
Habe schon probiert es umzuschreiben, leider ohne Erfolg!

Um Hilfe wäre ich dankbar.
MFG
Niklas

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Vier Zeilen weiter oben wird das (initiale) Minus von einem a-Tag umschlossen. Dort einfach ein + draus machen ;)


« HTML / PHP - form actionIP adresse ermitteln auf eigener homepage »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
AppleScript
AppleScript ist eine Programmiersprache von Apple für Skripte und Programme auf Systemebene. Im Gegensatz zu den Unix-Shellscripts, die seit OS X ebenfalls mögl...

Javascript
JavaScript ist eine weit verbreitete Skriptsprache, die ursprünglich von Netscape für das DOM-Scripting für Webseiten entwickelt wurde. Sie hat sich seitde...

PostScript
PostScript ist eine Programmiersprache zur Beschreibung von grafischen Objekten und Schriftzeichen zur Übertragung vom Computer zum Drucker oder Laserbelichter. Gene...