Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 20

Thema: Tag automatisch eine klasse zuweisen

  1. #1
    Unregistriert
    Gast

    Standard Tag automatisch eine klasse zuweisen

    Ich möchte in einem bestimmten div allen a tags, welche ein img-Element umgeben class="lightbox" zuweisen. Hat da jemand eine Idee wie ich das machen könnte?
    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
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Tag automatisch eine klasse zuweisen

    HTML-Code:
    <div class="lightbox">
     <a ...>
    </div>
    
    .lightbox a {...}
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Tag automatisch eine klasse zuweisen

    du könntest nachdem Laden der Seite folgendes Javascript aufrufen:
    Code:
    function applyClass(divID, linkKlasse) {
    var links = document.getElementById(divID).getElementsByTagName("A");
    for (var i in links)
    {
    links[i].className = linkKlasse;
    }
    }
    Im HTML sieht das dann so aus:
    Code:
    <html>
    <head>
    <script type="text/javascript">
    //hier die obige Funktion
    </script>
    </head>
    <body>
    <div id="links">
    <a></a>
    <a></a>
    etc.
    </div>
    <script type="text/javascript">
    applyClass("links","lightbox");
    </script>
    </body>
    </html>
    Ungetestet!

    Grüße,
    jojo

  4. #4
    Azubi(ne)
    Registriert seit
    30.11.2008
    Beiträge
    50
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Tag automatisch eine klasse zuweisen

    Folgendes wird vom cms ausgegeben:

    HTML-Code:
    <div class="icms-album"><a href="/albums/..." rel="lightbox"><img src="/albums/.../thumbnail/..." /></a></div>
    Und jetzt möchte ich, dass all diese Bilder im Content-Div beim a-Tag die klasse lightbox erhalten.
    Also so:

    HTML-Code:
    <div class="icms-album"><a class="lightbox" href="/albums/..." rel="lightbox"><img src="/albums/.../thumbnail/..." /></a></div>

  5. #5
    Azubi(ne)
    Registriert seit
    30.11.2008
    Beiträge
    50
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Tag automatisch eine klasse zuweisen

    Dann müsste das so aussehen:

    Code:
    <html>
    <head>
    <script type="text/javascript">
        function applyClass(divCLASS, linkKlasse) {
        var links = document.getElementByClass(divCLASS).getElementsByTagName("A");
        for (var i in links)
        {
        links[i].className = linkKlasse;
        }
        }
    </script>
    </head>
    <body>
         <div class="icms-album">
         <a></a>
         </div>
    <script type="text/javascript">
         applyClass("icms-album","lightbox");
    </script>
    </body>
    </html>
    Geändert von kyr (31.07.2009 um 13:55 Uhr)

  6. #6
    Azubi(ne)
    Registriert seit
    30.11.2008
    Beiträge
    50
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Tag automatisch eine klasse zuweisen

    Danke. Funktioniert bis jetzt aber noch nicht.

  7. #7
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Tag automatisch eine klasse zuweisen

    tolle Fehlerbeschreibung^^
    Code:
    <html>
    <head>
    <script type="text/javascript">
        function applyClass(divCLASS, linkKlasse) {
        var divs = document.getElementsByClassName(divCLASS);
        for (var i in divs)
        {
          var links = divs[i].getElementsByTagName("A");
          for (var k in links)
          {
             links[i].className = linkKlasse;
          }
        }
        }
    </script>
    </head>
    <body>
         <div class="icms-album">
         <a></a>
         </div>
    <script type="text/javascript">
         applyClass("icms-album","lightbox");
    </script>
    </body>
    </html>

  8. #8
    Azubi(ne)
    Registriert seit
    30.11.2008
    Beiträge
    50
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Tag automatisch eine klasse zuweisen

    Code:
    <script type="text/javascript">
        function applyClass(divClASS, linkKlasse) {
        var divs = document.getElementsByClassName(divClASS);
        for (var i in divs)
        {
          var links = divs[i].getElementsByTagName('a');
          for (var k in links)
          {
             links[k].className = linkKlasse;
          }
        }
        }
    </script>
    So jetzt klappts mit der lightbox. Vielen Dank!

  9. #9
    Forum Guru Avatar von The User
    Registriert seit
    28.10.2007
    Ort
    Zwischen Pazifik und Atlantik...
    Beiträge
    4.044
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Tag automatisch eine klasse zuweisen

    Wenn auch ohne JS irgendetwas funktionieren soll, würde ich eher das Template bearbeiten...

  10. #10
    Unregistriert
    Gast

    Standard AW: Tag automatisch eine klasse zuweisen

    Ohne JS würde die Lightbox nicht funktionieren und somit wäre die Funktion sowieso sinnlos.

    Im Firefox klappt das ganze perfekt. Im IE hingegen funktioniert es nicht, d.h. die class wird vermutlich nicht zugewiesen. Kann sich jemand vorstellen,wie das Script für den IE noch angepasst werden muss?

    Danke

Ähnliche Themen

  1. Einer Variabeln eine Funktion zuweisen?
    Von makroy im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 8
    Letzter Beitrag: 19.07.2008, 00:05
  2. JS - Farbe zuweisen
    Von im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 09.08.2006, 19:18
  3. Dreamweaver: Eine Klasse optional gestalten??
    Von im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 28.04.2006, 01:59
  4. Farbe zuweisen
    Von Fetcher im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 08.02.2006, 16:49
  5. Einer Tabellenzelle eine externe HTML Datei zuweisen
    Von Sir Quicksand im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 16
    Letzter Beitrag: 19.05.2004, 16:49

Stichworte

Berechtigungen

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