Lancement d'un fonction au chargement d'un élement

Par JeremieMeunier, il y a 8 ans


Bonjour,

Je souhaite sur mon site lancer une fonction lors du chargement d'un element...

Mais je ne trouve pas l'évennement à greffer.

Mon élément

<section class="page-container" onclick="page('/app/pager/comments.pager.php', 3, 1)"> </section>

Ma fonction pour le moment

function page(action, nbPerPage, pageActu) { console.log(action); console.log(nbPerPage); console.log(pageActu); }

Avec onclick ça fonctionne mais j'aimerais que soit au chargement de l'élement ! et je ne peut pas le lancer au chargement du body car je pourrais avoir plusieurs fois cette fonction avec des paramètres différents !

Merci d'avance ! :P

3 réponses

mxmaxime, il y a 8 ans

Salut,
onload ?

JeremieMeunier, il y a 8 ans

@Emix, onload ne fonctionne que sur le <body>

PhiSyX, il y a 8 ans

Comme suit?

<script> function page () { console.log(document.currentScript.parentElement) } </script> <section id="id-1"> <script>page('...')</script> </section> <section id="id-2"> <script>page('...')</script> </section> <section id="id-3"> <script>page('...')</script> </section>

ou

<section id="id-1" data-onload="/page/1"></section> <section id="id-2" data-onload="/page/2"></section> <section id="id-3" data-onload="/page/3"></section> <script> function page (str) { console.log(str) } document.querySelectorAll('[data-onload]').forEach((el) => page(el.dataset.onload)) </script>

(Fait à la va vite)