Agir sur une fonction JS depuis une iframe
niluje
-
niluje -
niluje -
Bonjour,
ce message fait suite aux précédents :
https://forums.commentcamarche.net/forum/affich-16372524-scrolling-dynamique-type-googlevideos
https://forums.commentcamarche.net/forum/affich-16426664-lien-d-une-iframe-vers-une-autre
Le schéma de mon site est donc toujours le même :
http://www.jbbourgeois.com/?p=mywork&sp=3d
Voici une partie du code :
<div id="next">
<?php
if ($num < $nb) {
$numplusun = $num +1;
?><a style="cursor: pointer"; onclick="parent.document.getElementById('frmainpic').src='mywork/mainpic.php?cat=<?php echo $cat; ?>&pic<?php echo $cat; ?>=<?php echo $numplusun; ?>';parent.document.getElementById('frnav').src='mywork/navigation.php?cat=<?php echo $cat; ?>&num=<?php echo $numplusun; ?>';" >
<span class="previousnext">NEXT</span>
<img src="../images/index/fleche_D.gif" alt="next picture" width="5" height="9"></a>
<?php
}
?></div>
La page principale est nommée : mywork.php
elle appelle 3 iframe :
frmainpic = photo principale
frthumbnail = miniatures sur la droite
navigation = fleches prev et next
un clic sur une miniature fait apparaitre la photo principale dans le cadre frmainpic et change le numéro d'image dans le cadre navigation.
un clic sur next fait apparaitre la photo principale suivante dans le cadre frmainpic et change le numéro d'image dans le cadre navigation
Sur la page principale, j'ai un ascenseur qui agit sur le cadre frthumbnail : descend ou monte de +448px (5 miniatures par 5 miniatures).
J'aimerai que lorsque je clic sur next, cela fasse en plus descendre le cadre frthumbnail de +100px
Savez-vous comment je peux agir sur une fonction javascript qui se trouve sur la page principale, depuis une iframe ?
merci !
ce message fait suite aux précédents :
https://forums.commentcamarche.net/forum/affich-16372524-scrolling-dynamique-type-googlevideos
https://forums.commentcamarche.net/forum/affich-16426664-lien-d-une-iframe-vers-une-autre
Le schéma de mon site est donc toujours le même :
http://www.jbbourgeois.com/?p=mywork&sp=3d
Voici une partie du code :
<div id="next">
<?php
if ($num < $nb) {
$numplusun = $num +1;
?><a style="cursor: pointer"; onclick="parent.document.getElementById('frmainpic').src='mywork/mainpic.php?cat=<?php echo $cat; ?>&pic<?php echo $cat; ?>=<?php echo $numplusun; ?>';parent.document.getElementById('frnav').src='mywork/navigation.php?cat=<?php echo $cat; ?>&num=<?php echo $numplusun; ?>';" >
<span class="previousnext">NEXT</span>
<img src="../images/index/fleche_D.gif" alt="next picture" width="5" height="9"></a>
<?php
}
?></div>
La page principale est nommée : mywork.php
elle appelle 3 iframe :
frmainpic = photo principale
frthumbnail = miniatures sur la droite
navigation = fleches prev et next
un clic sur une miniature fait apparaitre la photo principale dans le cadre frmainpic et change le numéro d'image dans le cadre navigation.
un clic sur next fait apparaitre la photo principale suivante dans le cadre frmainpic et change le numéro d'image dans le cadre navigation
Sur la page principale, j'ai un ascenseur qui agit sur le cadre frthumbnail : descend ou monte de +448px (5 miniatures par 5 miniatures).
J'aimerai que lorsque je clic sur next, cela fasse en plus descendre le cadre frthumbnail de +100px
Savez-vous comment je peux agir sur une fonction javascript qui se trouve sur la page principale, depuis une iframe ?
merci !
Configuration: Windows XP Firefox 3.5.7
13 réponses
-
-
Je n'ai pas essayé mais on ne sait jamais :
parent.getElementById('iframe_miniatures').scrollTo += 100; -
-
Et avec
parent.getElementById('iframe_miniatures').document.scrollTo += 100;? -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
non plus.
voici comment j'appel normalement la fonction : onclick="javascript: $('#frthumbnail').scrollTo( '-=448px' , 800);" -
Dans un onclick il ne faut pas mettre "javascript:".
Et je ne vois pas le lien entre ce que tu montres et ton problème. -
ok, mais là ca marche quand même avec le javascript :...
Le lien ? Et bien il s'agit de la fonction que j'aimerai activer depuis l'iframe "navigation" et qui agirait sur l'iframe "thumbnail"... -
-
-
onclick="parent.document.getElementById('id_iframe').$('#frthumbnail').scrollTo( '-=448px' , 800);" -
Bonjour,
j'ai essayé, mais cela ne fonctionne pas.
code complet :
<a style="cursor: pointer"; onclick="parent.document.getElementById('frmainpic').src='mywork/mainpic.php?cat=<?php echo $cat; ?>&pic<?php echo $cat; ?>=<?php echo $numplusun; ?>';parent.document.getElementById('frnav').src='mywork/navigation.php?cat=<?php echo $cat; ?>&num=<?php echo $numplusun; ?>';parent.document.getElementById('frthumbnail').$('#frthumbnail').scrollTo( '-=100px' , 800);" >
<span class="previousnext">NEXT</span>
<img src="../images/index/fleche_D.gif" alt="next picture" width="5" height="9"></a> -
On ne sait jamais :
parent.document.getElementById('frthumbnail').JQuery.('#frthumbnail').scrollTo( '-=100px' , 800); -
