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

JeremieMeunier
Javascript

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

PhiSyX
Réponse acceptée

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)

mxmaxime

Salut,
onload ?

JeremieMeunier
Auteur

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