Ergebnis 1 bis 3 von 3

Thema: klappbare Textbox

  1. #1
    Teeny
    Registriert seit
    22.06.2009
    Beiträge
    23
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard klappbare Textbox

    Servus zusammen

    Was muss ich bei der Textbox abändern damit diese beim aufrufen der Seite geschlossen bleibt und erst bei einem klick geöffnet wird?

    Code:
    <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>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Pion
    Gast

    Standard AW: klappbare Textbox

    Code:
    <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="1" 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>
    
    <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';
        }
    }
    toggle(document.getElementById("1"), 'box1');
    </script>

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    22.06.2009
    Beiträge
    23
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: klappbare Textbox

    dank dir Pion

Ähnliche Themen

  1. Textbox in Html erstellen!
    Von eatofid im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 05.01.2008, 17:31
  2. Verbesserungsvorschläge? ||| Klappbare Blueboxes?
    Von Illuminu im Forum HTML & CSS Forum
    Antworten: 33
    Letzter Beitrag: 11.07.2007, 17:40
  3. Textbox mailen?
    Von Greg10 im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 12.05.2007, 23:25
  4. Textbox verstecken
    Von Jan_d32005 im Forum HTML & CSS Forum
    Antworten: 17
    Letzter Beitrag: 12.05.2007, 19:51
  5. Textbox Eingaben abfangen
    Von speedy im Forum Forum-Hilfe.de intern
    Antworten: 2
    Letzter Beitrag: 24.06.2004, 15:05

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •