Ergebnis 1 bis 6 von 6

Thema: klick auf Button, Bild aufploppen

  1. #1
    Youngster
    Registriert seit
    02.05.2010
    Beiträge
    19
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard klick auf Button, Bild aufploppen

    Hallo ich habe einen Button der wenn man mit der Mouse drüber fährt den style ändert. wie bekomme ich es hin das wenn ich auf den button klicke sich ein bild auf der selben seite öffnet.

    hier mein button

    HTML-Code:
    <div style="margin:-540px 335px;"> 
     <style>
       a       { display:block;
                 background-image:url(button1.jpg);
                 width:116px; height:27px }
       a:hover { background-image:url(button2.gif); }
     </style>
    </div>
    es soll dann ungefähr so funktionieren
    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
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: klick auf Button, Bild aufploppen

    Du kannst mittels JavaScript die style-Variable jedes Elements ändern.
    Einfach einen Namen vergeben und ändern.

    http://de.selfhtml.org/javascript/sp...er.htm#onclick
    http://de.selfhtml.org/javascript/ob..._element_by_id
    http://de.selfhtml.org/javascript/ob..._eigenschaften
    Something big is coming. And there will be pirates and ninjas and unicorns...

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    02.05.2010
    Beiträge
    19
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: klick auf Button, Bild aufploppen

    hey danke aber ich krieg das leider nicht auf die reihe. entweder is dann mein button weg oder das bild statt mein button da
    soweit hab ichs jetzt aber es fehlen noch die entscheitenden funktionen.

    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
           "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    
    <head>
    <div style="margin:418px 18px;">
    <form action="#">
      <p>:<br><input type="text" size="27" maxlength="80"></p>
      
    </form>
    </div>
    
    </head>
    <body style="background-image:url(bild.jpg); background-repeat:no-repeat;">
    
    <div style="margin:-540px 335px;"> 
    
    
     <style>
       a       { display:block;
                 background-image:url(button1.jpg);
                 width:116px; height:27px }
       a:hover { background-image:url(button2.gif); }
     </style>
    
    </div>
     
    </body>
    
    
    </html>
    mein hauptproblem ist das ich nicht hinbekomme, meinen button das onclick zuzuweisen. mit den beispielen auf sämtlichen seiten wird es nur mit den standart buttons erklärt.

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: klick auf Button, Bild aufploppen

    der button benötigt dann auch das attribut onclick="" und du musst im script ne funktion schreiben..
    peitsch ma nen quelltext rüber, bei dem du bilder etc mit absoluten urls hast statt relativen und schreib auch mal was du bisher gescripted hast.. ganz werden wir deine arbeit da nicht erledigen, wir leisten hilfe zur selbsthilfe!

    habs auch mal in den richtigen bereich verschoben
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    Youngster
    Themenstarter

    Registriert seit
    02.05.2010
    Beiträge
    19
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: klick auf Button, Bild aufploppen

    also hier is der link
    http://ycx.yc.funpic.de/Projekt/evil.html

    die sprechblase soll aber erst unsichtbar sein und beim klick auf den button ganz unten soll sie erst erscheinen. der button sollte eigentlich weiter oben sein aber er verschiebt sich wenn das bild weg ist, und auch die anderen elemnte die ich mit margin definiert hatte. wie kann ich das ändern?


    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
           "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    
    <head>
    
    <script>
    function toggledisplay (id){
      if (document.getElementById) {
        var mydiv = document.getElementById(id);
        mydiv.style.display = (mydiv.style.display=='block'?'none':'block');
      }
    }
    </script>
    <div style="margin:160px 180px;">
    <div id="hiddendiv"><img src="http://ycx.yc.funpic.de/Projekt/text1.gif" alt=""> </div>
    </div>
    <div style="margin:40px 0px;">
    <font size="1">
    <script type="text/javascript">
    document.write('<table><tr><td id="beispiel" style="border:0px ridge gold;padding:0px;color:white;background-color:none;"> </td></tr></table>');
    treffen = new Date(2012,11,22);
    jetzt = new Date();
    if (treffen < jetzt)
    {
    monat = jetzt.getMonth();
    monat++;
    jahr = jetzt.getFullYear();
    treffen.setMonth(monat);
    treffen.setFullYear(jahr);
    }
    
    function countdown()
    {
    jetzt = new Date();
    rest = treffen - jetzt;
    rest = Math.floor(rest/1000);
    
    tage = Math.floor(rest/86400);
    rest %= 86400;
    
    stunden = Math.floor(rest/3600);
    if (stunden < 10) stunden = "0" + stunden;
    rest %= 3600;
    
    minuten = Math.floor(rest/60);
    if (minuten < 10) minuten = "0" + minuten;
    rest %= 60;
    
    sekunden = rest;
    if (sekunden < 10) sekunden = "0" + sekunden;
    
    document.getElementById('beispiel').innerHTML='Noch '+tage+' Tage und <p> '+stunden+':'+minuten+':'+sekunden+' <p>bis zum Weltuntergang';
    }
    
    setInterval('countdown()',1);
    </script><br>
    </font>
    </div>
    
     <div style="margin:418px 18px;">
    <form action="#">
      <p>:<br><input type="text" size="27" maxlength="80"></p>
      
    </form>
    </div>
    
    
    </head>
    <body style="background-image:url(http://ycx.yc.funpic.de/Projekt/pokerevil2.jpg); background-repeat:no-repeat;">
    
    
     <title>Evil Poker</title>
    
    
    <div style="margin:-540px 335px;"> 
    <a href="#" onClick="javascript:toggledisplay('hiddendiv'); return false" title=""></a>
    
    
     <style>
       a       { display:block;
                 background-image:url(http://ycx.yc.funpic.de/Projekt/button1.jpg);
                 width:116px; height:27px }
       a:hover { background-image:url(http://ycx.yc.funpic.de/Projekt/button2.gif); }
     
    
    </style>
     
    </div>
     
    </body>
    
    </html>

  6. #6
    Youngster
    Themenstarter

    Registriert seit
    02.05.2010
    Beiträge
    19
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: klick auf Button, Bild aufploppen

    habs nun alleine hinbekommen danke

Ähnliche Themen

  1. Ereignis bei Button Klick?
    Von #matthias im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 8
    Letzter Beitrag: 05.10.2009, 18:33
  2. Button-Klick Zähler mit Datenbank
    Von Ich-Wer-Sonst im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 17.12.2007, 10:22
  3. Button soll beim Klick Text in anderen Frame schreiben
    Von chilly112 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 02.07.2007, 19:19
  4. Antworten: 3
    Letzter Beitrag: 27.03.2007, 14:34
  5. Bild verändern, bei klick
    Von xyz im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 05.02.2006, 13:16

Stichworte

Berechtigungen

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