Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien
Toon posts:

Thickbox openen automatisch bij binnenkomst

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik wil een thickbox (net zoiets als lightbox, alleen dan uitgebreider) automatisch laten openen wanneer de bezoeker voor het eerst langskomt op de website.

Nu heb ik het onderstaande script al wel gevonden wat ook werkt:
code:
1
2
<a id="openlink" class="thickbox" href="paginas/pagina.php?placeValuesBeforeTB_=savedValues&amp;TB_iframe=true&amp;height=550&amp;width=455&amp;modal=true" onclick="location.href = this.href;">foo</a> 
<script>document.getElementById('openlink').onclick();</script>


Maar die opent de pagina gewoon en niet in een thickbox, dat komt omdat hij de class="thickbox" niet meekrijgt. Het zal waarschijnlijk wel simpel zijn maar mijn zoektocht deze middag heeft nog niet tot de oplossing geleid.

  • pascalw
  • Registratie: Februari 2008
  • Laatst online: 19-09 18:23
Ik ken thickbox niet, maar probeer dit eens:

JavaScript:
1
2
<a id="openlink" class="thickbox" href="paginas/pagina.php?placeValuesBeforeTB_=savedValues&TB_iframe=true&height=550&width=455&modal=true">foo</a> 
<script>document.getElementById('openlink').click();</script>


Ik vermoed overigens dat je met jquery werkt, dus in dat geval zou ik de laatste regel vervangen door:

JavaScript:
1
2
3
4
5
<script type="text/javascript">
    $(document).ready(function(){
        $('a#openlink').click();
    });
</script>

[ Voor 31% gewijzigd door pascalw op 12-04-2008 17:55 . Reden: geklooi met code blok :P ]


Verwijderd

Topicstarter
Het werkt allemaal bedankt!
Hoe kan je trouwens je broncode in een code blok zetten?

  • MueR
  • Registratie: Januari 2004
  • Laatst online: 13:13

MueR

Admin Devschuur® & Discord

is niet lief

via [code] :), zie ook de UBB codes

[ Voor 75% gewijzigd door MueR op 12-04-2008 19:54 ]

Anyone who gets in between me and my morning coffee should be insecure.


Verwijderd

Topicstarter
Nou ben ik nog op zoek naar de code om hem ook weer te sluiten.

code:
1
<a id="openlink" href="#" onclick="self.parent.tb_remove();">Dit scherm sluiten</a></div>


code:
1
2
3
4
5
          <script type="text/javascript"> 
            $(document).ready(function(){ 
                $('a#openlink').click(); 
            }); 
        </script>


Maar ik denk dat het vast loopt door het dubbele onclick tevens zegt Firefox dat $ niet gedefinieerd is.

  • pascalw
  • Registratie: Februari 2008
  • Laatst online: 19-09 18:23
Thickbox biedt toch zelf al een url/knopje om de box te sluiten?

  • MueR
  • Registratie: Januari 2004
  • Laatst online: 13:13

MueR

Admin Devschuur® & Discord

is niet lief

de $('') syntax is dan ook niet standaard. Daar heb je prototype voor nodig of derived frameworks zoals mootools. Met Javascript 2 wordt dit wel standaard. Verder wordt via deze syntax alleen het id meegegeven, niet het element. Het boeit Javascript namelijk geen reet wat voor element het is. $('openlink') will do here.

Anyone who gets in between me and my morning coffee should be insecure.


Verwijderd

Topicstarter
PWSoft schreef op zondag 13 april 2008 @ 12:24:
Thickbox biedt toch zelf al een url/knopje om de box te sluiten?
Ja dat klopt, maar ik wil dat het automatisch na een bepaalde tijd wordt gedaan. Dit omdat het reclame is. Anders moeten de bezoeker telkens op sluiten klikken.
Pagina: 1