Slimbox werkt niet na javascript input - Softwareontwikkeling

maandag 22 juni 2009 21:40

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Ik heb een klein probleem m.b.t. de slimbox (aftakking van de lightbox). Deze werkt namelijk prima in de normale HTML omgeving en demo, maar werkt niet zodra je met javascript een link toevoegt aan je pagina. Zie de code hieronder:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>Slimbox 2 example page</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://127.0.0.1/timon/templates/timon_clean/js/slimbox2.js"></script>
    <link rel="stylesheet" href="http://127.0.0.1/timon/templates/timon_clean/css/slimbox2.css" type="text/css" media="screen" />
    <style type="text/css">
        div#DivExample
        {
            background-color: green;
        }
    </style>
    <script type="text/javascript">
        function click()
        {
            document.getElementById('DivExample').innerHTML="<a href='images/cancel.png' rel='lightbox'>Click here</a> to view a picture inside Slimbox.<br/>";
        }
    </script>
</head>
<body>
    <h1>Slimbox 2 example page</h1>
    <p>
        <div id="DivExample"></div>
        <a href="images/cancel.png" rel="lightbox">Click here</a> to view a picture inside Slimbox.<br/>
        <a href="#" onclick="click()">Toon div</a>
    </p>
    
</body>
</html>

Als je de bestaande link aanklinkt krijg je afbeelding te zien in de slimbox. Zodra je met javascript de "DivExample" vult en op die link klikt wordt de slimbox niet aangeroepen!

Weet iemand hier een verklaring voor? En eventueel een oplossing?

maandag 22 juni 2009 21:44

Acties:

0 Henk 'm!

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Ik kan zo al 2 redenen bedenken waarom 't niet werkt:

1) Als je innerHTML gebruikt gaat het nooit werken; daar heb je DOM methodes voor (appendChild e.d.)
2) En lightbox/slimbox gaat "onLoad" _{(of DOMReady of whatever)} van de pagina kijken naar links met een bepaald attribuut. Als je die later na toevoegt gaat dat natuurlijk ook niet werken

En jij maar denken dat dat allemaal automagisch zou gaan

[ Voor 12% gewijzigd door RobIII op 22-06-2009 21:45 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

dinsdag 23 juni 2009 08:53

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Blij dat je me wijst op inderdaad de reden dat het niet werkt. Ik had al een vermoeden dat dit de oorzaak zou zijn maar wilde het toch even navragen. Heb je wel een oplossing voor het probleem? Of misschien een alternatief?

dinsdag 23 juni 2009 09:46

Acties: