tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
3
ZUGRIFFE
626
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 21.08.11 01:33 #1
    denny125 denny125 ist offline Grünschnabel
    Registriert seit
    Aug 2011
    Beiträge
    2
    Hallo,
    ich habe nun einen kompletten Tag damit verbracht eine Lösung zu finden, habe aber jetzt aufgegeben.

    Habe folgenden Quellcode:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

    <head>
<!-- Text aufklappen -->
<style type="text/css" media="screen,projection">
/*<![CDATA[*/ 
*           { 
            margin:  0; 
            padding: 0; 
            } 
div         {
            border:  0px solid #000000;
            padding: 1em .2em;
             
            font-size: .8em;
            }
p           {
            margin: .2em;
            background-color: #EEEEEE;
            }
a           {
            color: #000000;
            }
a:focus,
a:active    {
            background-color: #ffffff;
            }   
a span      {
            display: none;
            }
a:focus span,
a:active span,
 
span
            {
            display: block;
            border:  0 none;
            padding: 1em;
            text-decoration: none;
            background-color: #ffffff;
            }
        /*]]>*/ 
</style> 
<!-- Text aufklappen zu Ende -->
</head>
 
<body>
<div><b>lala</b>
    <a href="#block"><font color="#788900">mehr...</font>
        <span>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</span>
    </a>
    </p> 
</div>
</body>

    Soweit funktioniert es, aber mit einem kleinen Haken: Der Text wird nur solange angezeigt, wie man mit der Mouse auf "mehr..." klickt. Die "a:hover span" - variante ist so naja..

    Kann mir jemand helfen? Was muss ich machen, damit der Text nach dem Klick stehen bleibt? Und evtl. nach einem neuen Klick wieder verschwindet?

    Sollte es nicht gehen, gibt es nur eine JavaScript-Lösung? Oder wie komme ich an mein Ziel?

    Vielen Dank******
     
    Zitieren Zitieren
  2. 21.08.11 02:00 #2
    Avatar von chmee
    chmee chmee ist offline mod | media
    tutorials.de Moderator
    Registriert seit
    Apr 2004
    Ort
    Berlin bei Potsdam
    Beiträge
    7.629
    Blog-Einträge
    4
    http://api.jquery.com/click/ zB mit http://api.jquery.com/toggle/

    Siehe Hier - http://jsfiddle.net/h3U9C/

    mfg chmee
    Geändert von chmee (21.08.11 um 02:21 Uhr)
     
    Mein Blog - VideoFAQ - FotoFAQ - bei Flickr - DSLR Kleinanzeigen
    Benutzt den DANKE-Knopf oder bewertet den Beitrag

    "GEHT NICHT" HILFT NICHT, TESTET EURE CODES ONLINE UND GEBT KLARE INFOS!
    -> Regexp <- -> php <- -> Javascript <-
    Zitieren Zitieren
  3. 21.08.11 06:19 #3
    Avatar von spicelab
    spicelab spicelab ist offline ZENmechanic
    Registriert seit
    Feb 2010
    Beiträge
    1.744
    ... oder hier: Text aufklappen.

    Zitat Zitat von denny125 Beitrag anzeigen
    Soweit funktioniert es, aber mit einem kleinen Haken: Der Text wird nur solange angezeigt, wie man mit der Mouse auf "mehr..." klickt.
    Das Mausklick-Verhalten unterscheidet sich in den einzelnen Browsertypen. Eine übergreifende Lösung, dies abzustellen, bietet da nur JS.
    Geändert von spicelab (21.08.11 um 07:41 Uhr) Grund: Tipp-Ex
     
    Zitieren Zitieren
  4. 21.08.11 12:23 #4
    denny125 denny125 ist offline Grünschnabel
    Registriert seit
    Aug 2011
    Beiträge
    2
    Alles klar, dann muss ich mir die JS Variante mal näher bringen.

    Danke euch beiden!
     
    Zitieren Zitieren
« DIV-Rahmen mit Images zentrieren | Problem mit 3 div´s »

Ähnliche Themen

  1. Text aufklappen nach dem Anklicken
    Von Eagle-PsyX- im Forum CSS
    Antworten: 11
    Letzter Beitrag: 16.04.10, 23:55
  2. Text soll nach Klick auf Wort erscheinen
    Von kakapopo im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 01.11.06, 11:37
  3. Text soll nach Klick auf Wort erscheinen
    Von kakapopo im Forum HTML & XHTML
    Antworten: 0
    Letzter Beitrag: 01.11.06, 10:40
  4. input nach klick auf text
    Von iNstinct im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 10.10.06, 13:12
  5. Nach klick Text in Zwischenablage kopieren
    Von DivDax im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 19.03.05, 00:01