Créer un compte
Connexion

Boutons de navigationCompresseur de Code JavascriptGénérateur d'Emails Anti-Spam (Javascript)Images perso pour forums (avatar)Signatures pour forumsUserbarTextes stylés (Pseudo)Balises meta tagsCompteur de connectés (Live)Menus (X)html web 2.0
Vous êtes ici: Support du Web > Forum > Sites Web > (X)html/CSS/Javascript > Problème avec une iframe

Problème avec une iframe

Pour créer et répondre aux sujets, vous devez être connecté.
Ce sujet est résolu.
Pages: 1
Auteur Message
Spitfire 95
28/11/2009 à 17:31:20
Spitfire 95
Membre
 Bonjour.
J'ai créé une iframe contenant la bannière de mon site web pour que ceux qui veulent nous lier puissent le faire facilement (il faudrait que le visiteur modifie le <head> de sa page HTML pour mettre un javascript pour que le logo s'affiche sans l'iframe).
Le problème, c'est que au lieu de changer de page principale, c'est dans l'iframe que ma page s'affiche.

Voici le code de l'iframe :

<iframe name="logo" SRC="http://assoss-annuaire.hebfree.org/logos/banniere.html" scrolling="no" height="70" width="540" frameborder="no" marginwidth="0"  marginheight="0"></iframe>
Contenu de la cible de l'iframe :
<head>
<script type="text/javascript">
var Img=new Array;
Img[0]="http://assoss-annuaire.hebfree.org/logos/ban-bleu-mer-sud.gif";
Img[1]="http://assoss-annuaire.hebfree.org/logos/ban-blue.gif";
Img[2]="http://assoss-annuaire.hebfree.org/logos/ban-fushia.gif";
Img[3]="http://assoss-annuaire.hebfree.org/logos/ban-green.gif";
Img[4]="http://assoss-annuaire.hebfree.org/logos/ban-red.gif";
Img[5]="http://assoss-annuaire.hebfree.org/logos/ban-yellow.gif";
var i=0;
 
function change(index) {
document.getElementById('pic').src=Img[index];
i++;
if (i >= Img.length)i=0;
}
setInterval('change(i)',2000);

</script>
</head>
<body>
<a href="http://assoss-annuaire.hebfree.org/toplist/index.php" target="_bank"><img src="http://assoss-annuaire.hebfree.org/logos/ban-bleu-mer-sud.gif" id="pic"></a>
</body>
</html>
Merci pour votre aide.

Spitfire 95

PS: On pourrai peut-être remplacer l'iframe par un javascript...
ybouane
29/11/2009 à 17:26:16
ybouane
Admin
 Bonjour,
Je n'ai pas compris à 100% ton problème,
mais moi je verrait ça comme ça:

Le code de la page mère(celle ou le logo sera affiché)
<span id="logo_assoss_annuaire"></span><script type="text/javascript" src="http://assoss-annuaire.hebfree.org/logos/banniere.js"></script>
Et le code javascript qui vas afficher le logo(http://assoss-annuaire.hebfree.org/logos/banniere.js):
document.getElementById('logo_assoss_annuaire').innerHTML='<a href="http://assoss-annuaire.hebfree.org/toplist/index.php" target="_bank"><img src="http://assoss-annuaire.hebfree.org/logos/ban-bleu-mer-sud.gif" id="pic_assoss_annuaire" /></a>';
var imgs=new Array;
imgs[0]="http://assoss-annuaire.hebfree.org/logos/ban-bleu-mer-sud.gif";
imgs[1]="http://assoss-annuaire.hebfree.org/logos/ban-blue.gif";
imgs[2]="http://assoss-annuaire.hebfree.org/logos/ban-fushia.gif";
imgs[3]="http://assoss-annuaire.hebfree.org/logos/ban-green.gif";
imgs[4]="http://assoss-annuaire.hebfree.org/logos/ban-red.gif";
imgs[5]="http://assoss-annuaire.hebfree.org/logos/ban-yellow.gif";
var i=0;
function change()
{
    document.getElementById('pic_assoss_annuaire').src=imgs[i];
    i++;
    if(i>=imgs.length)
    {
        i=0;
    }
}
setInterval('change()',2000);
Merci, et j'espère que c'est ça ce que tu voulais :)
Image
Spitfire 95
29/11/2009 à 17:47:51
Spitfire 95
Membre
 Ça marche.
Merci SupportDuWeb ! Et merci Ybouane.
Spitfire 95
02/12/2009 à 17:19:31
Spitfire 95
Membre
 Bonjour.
J'ai mis le sujet résolu, mais je pense que le code peut être amélioré :
Si on met deux fois le script dans une page, il ne s'affichera que dans le premier emplacement, et le second restera blanc.
En changeant les noms des variables dans le script javascript et le script HTML qui appelle le js, on peut en afficher plusieurs, mais pour la page de liens, ça pose un problème.

Une idée pour éviter les conflits ?

Merci d'avance.
ybouane
04/12/2009 à 05:44:11
ybouane
Admin
 Bonjour,
essaye ça:
<script type="text/javascript"><!--
if(!logo_assoss_annuaire_id)
{
var logo_assoss_annuaire_id = 1;
}
else
{
logo_assoss_annuaire_id++;
}
document.write('<span id="logo_assoss_annuaire_'+logo_assoss_annuaire_id+'">
</span>'); --></script><script type="text/javascript" src="http://assoss-annuaire.hebfree.org/logos/banniere.js"></script>
et ceci:
document.getElementById('logo_assoss_annuaire_'+logo_assoss_annuaire_id).innerHTML='<a href="http://assoss-annuaire.hebfree.org/toplist/index.php" target="_bank"><img src="http://assoss-annuaire.hebfree.org/logos/ban-bleu-mer-sud.gif" id="pic_assoss_annuaire_'+logo_assoss_annuaire_id+'" /></a>';
var imgs=new Array;
imgs[0]="http://assoss-annuaire.hebfree.org/logos/ban-bleu-mer-sud.gif";
imgs[1]="http://assoss-annuaire.hebfree.org/logos/ban-blue.gif";
imgs[2]="http://assoss-annuaire.hebfree.org/logos/ban-fushia.gif";
imgs[3]="http://assoss-annuaire.hebfree.org/logos/ban-green.gif";
imgs[4]="http://assoss-annuaire.hebfree.org/logos/ban-red.gif";
imgs[5]="http://assoss-annuaire.hebfree.org/logos/ban-yellow.gif";
var i=0;
function change(id)
{
    document.getElementById('pic_assoss_annuaire_'+id).src=imgs[i];
    i++;
    if(i>=imgs.length)
    {
        i=0;
    }
}
setInterval('change('+logo_assoss_annuaire_id+')',2000);
je n'ai pas essayé, mais ça devrais fonctionner.

Merci :)
Image
Spitfire 95
05/12/2009 à 13:02:43
Spitfire 95
Membre
 Bonjour.
Non, ça ne marche pas.
Merci quand même.

Et en mettant une variable a=0 qui s'incrémente quand on place le script pour que toutes les variables s'incrémentent, on ne pourrait pas résoudre le problème ?

Merci
ybouane
06-12-2009 à 20:41:52
ybouane
Admin
 Bonjour,
essaye avec ce code, j'ai réglé les problèmes:
<script type="text/javascript"><!--
if(!logo_assoss_annuaire_id)
{
var logo_assoss_annuaire_id = 1;
}
else
{
logo_assoss_annuaire_id++;
}
document.write('<span id="logo_assoss_annuaire_'+logo_assoss_annuaire_id+'">
</span>');
--></script><script type="text/javascript" src="http://assoss-annuaire.hebfree.org/logos/banniere.js"></script> document.getElementById('logo_assoss_annuaire_'+logo_assoss_annuaire_id).innerHTML='<a href="http://assoss-annuaire.hebfree.org/toplist/index.php" target="_bank"><img src="http://assoss-annuaire.hebfree.org/logos/ban-bleu-mer-sud.gif" id="pic_assoss_annuaire_'+logo_assoss_annuaire_id+'" /></a>';
var imgs=new Array;
imgs[0]="http://assoss-annuaire.hebfree.org/logos/ban-bleu-mer-sud.gif";
imgs[1]="http://assoss-annuaire.hebfree.org/logos/ban-blue.gif";
imgs[2]="http://assoss-annuaire.hebfree.org/logos/ban-fushia.gif";
imgs[3]="http://assoss-annuaire.hebfree.org/logos/ban-green.gif";
imgs[4]="http://assoss-annuaire.hebfree.org/logos/ban-red.gif";
imgs[5]="http://assoss-annuaire.hebfree.org/logos/ban-yellow.gif";
if(!i)
{
        var i = new Array();
}
i[logo_assoss_annuaire_id] = 1;
function change(id)
{
    document.getElementById('pic_assoss_annuaire_'+id).src=imgs[i[id]];
    i[id]++;
    if(i[id]>=imgs.length)
    {
        i[id]=0;
    }
}
setInterval('change('+logo_assoss_annuaire_id+');',2000);
Merci :)
Image
Spitfire 95
06/12/2009 à 15:15:30
Spitfire 95
Membre
 Ça ne marche toujours pas.

Merci.
ybouane
06-12-2009 à 21:47:45
ybouane
Admin
 Bonjour,
essaye avec ce code (X)html (je crois que là c'est la bonne :0 ):

<script type="text/javascript"><!--if(!logo_assoss_annuaire_id){var logo_assoss_annuaire_id = 1;}else{logo_assoss_annuaire_id++;}document.write('<span id="logo_assoss_annuaire_'+logo_assoss_annuaire_id+'"></span>');--></script><script type="text/javascript" src="http://assoss-annuaire.hebfree.org/logos/banniere.js"></script>
Merci :)
Image
Spitfire 95
07/12/2009 à 15:11:18
Spitfire 95
Membre
 Toujours pas... :(


Merci
ybouane
08/12/2009 à 03:37:03
ybouane
Admin
 Bonjour,
c'est normal que ça ne fonctionne pas, car la page http://assoss-annuaire.hebfree.org/logos/banniere.js n'a pas été mise a jour, donc ça ne sert à rien de mettre un nouveau code html si le javascript n'a pas changé.

PS: À la place de retranscrire le code dans la page d'accueil(ce qui peut provoquer des problèmes), utilise simplement:
<script type="text/javascript" src="http://assoss-annuaire.hebfree.org/logos/banniere.js"></script> Merci :)
Image
Spitfire 95
08/12/2009 à 18:12:17
Spitfire 95
Membre
 Je n'a pas mis à jour la page http://assoss-annuaire.hebfree.org/logos/banniere.js parce que j'ai mis les codes dans la page http://assoss-annuaire.hebfree.org/test/banniere.js en attendant de voir si ils marchaient, et j'ai modifié le lien du script dans le code XHTML.

Merci.
ybouane
09-12-2009 à 02:21:26
ybouane
Admin
 Bonjour,
désolé, je crois avoir trouvé le problème, j'ai essayé ce code et il fonctionne parfaitement:
<script type="text/javascript">if(!logo_assoss_annuaire_id){var logo_assoss_annuaire_id = 1;}else{logo_assoss_annuaire_id++;}document.write('<span id="logo_assoss_annuaire_'+logo_assoss_annuaire_id+'"></span>');</script><script type="text/javascript" src="http://assoss-annuaire.hebfree.org/logos/banniere.js"></script>
Ou plutôt pour l'instant(avec test au lieu de logos):
<script type="text/javascript">if(!logo_assoss_annuaire_id){var logo_assoss_annuaire_id = 1;}else{logo_assoss_annuaire_id++;}document.write('<span id="logo_assoss_annuaire_'+logo_assoss_annuaire_id+'"></span>');</script><script type="text/javascript" src="http://assoss-annuaire.hebfree.org/test/banniere.js"></script>
Merci :)
Image
Spitfire 95
09/12/2009 à 13:49:03
Spitfire 95
Membre
 Ça marche, merci.
Pourriez vous refaire les codes pour lier le forum, svp ?
lien du forum : http://assoss-annuaire.xooit.com/index.php
lien du javascript : http://assoss-annuaire.hebfree.org/logos/banniere-forum.js

Merci.
ybouane
09/12/2009 à 23:10:03
ybouane
Admin
 Bonjour,
je n'ai pas vraiment compris ce que vous voulez, mais il suffit de copier le code de mon tout dernier message, sur n'importe quel site, et ça fonctionnera.

Merci :)
Image
Spitfire 95
10/12/2009 à 07:22:41
Spitfire 95
Membre
 En fait, je voulais le même code, mais pour vers un lien vers le forum au lieu de vers le site.

Merci.
ybouane
11/12/2009 à 04:43:13
ybouane
Admin
 Bonjour,
il suffit de changer l'url dans le code javascript.
Donc ça deviens comme ça:
http://assoss-annuaire.hebfree.org/logos/banniere-forum.js
document.getElementById('logo_assoss_annuaire_'+logo_assoss_annuaire_id).innerHTML='<a href="http://assoss-annuaire.xooit.com/index.php" target="_bank"><img src="http://assoss-annuaire.hebfree.org/logos/ban-bleu-mer-sud.gif" id="pic_assoss_annuaire_'+logo_assoss_annuaire_id+'" /></a>';
var imgs=new Array;
imgs[0]="http://assoss-annuaire.hebfree.org/logos/ban-bleu-mer-sud.gif";
imgs[1]="http://assoss-annuaire.hebfree.org/logos/ban-blue.gif";
imgs[2]="http://assoss-annuaire.hebfree.org/logos/ban-fushia.gif";
imgs[3]="http://assoss-annuaire.hebfree.org/logos/ban-green.gif";
imgs[4]="http://assoss-annuaire.hebfree.org/logos/ban-red.gif";
imgs[5]="http://assoss-annuaire.hebfree.org/logos/ban-yellow.gif";
if(!i)
{
        var i = new Array();
}
i[logo_assoss_annuaire_id] = 1;
function change(id)
{
    document.getElementById('pic_assoss_annuaire_'+id).src=imgs[i[id]];
    i[id]++;
    if(i[id]>=imgs.length)
    {
        i[id]=0;
    }
}
setInterval('change('+logo_assoss_annuaire_id+');',2000);
Et le (X)Html:
<script type="text/javascript">if(!logo_assoss_annuaire_id){var logo_assoss_annuaire_id = 1;}else{logo_assoss_annuaire_id++;}document.write('<span id="logo_assoss_annuaire_'+logo_assoss_annuaire_id+'"></span>');</script><script type="text/javascript" src="http://assoss-annuaire.hebfree.org/logos/banniere-forum.js"></script>
Merci :)
Image
Spitfire 95
11/12/2009 à 17:19:48
Spitfire 95
Membre
 Merci.
Spitfire 95
03/01/2010 à 19:37:32
Spitfire 95
Membre
 Bonjour et bonne année.
Comment rendre le code valide HTML 4 Transitional ?
Le W3C me dit que la balise <span> a été fermée sans avoir été ouverte.
<span id="logo_assoss_annuaire_'+logo_assoss_annuaire_id+'"></span>

Merci.
ybouane
03/01/2010 à 23:29:05
ybouane
Admin
 Bonjour,
utilise le code (X)Html suivant:
<script type="text/javascript"><!--
if(!logo_assoss_annuaire_id){var logo_assoss_annuaire_id = 1;}else{logo_assoss_annuaire_id++;}document.write('<span id="logo_assoss_annuaire_'+logo_assoss_annuaire_id+'"></span>');
--></script><script type="text/javascript" src="http://assoss-annuaire.hebfree.org/logos/banniere-forum.js"></script>
Cordialement :)
Image
Spitfire 95
04/01/2010 à 16:18:04
Spitfire 95
Membre
 Merci, mais ça ne change rien, le W3C continu de me dire que ma page n'est pas valide. :(
http://validator.w3.org/check?uri=http://assoss-annuaire.hebfree.org/contact.php&charset=(detect+automatically)&doctype=Inline&group=0
ybouane
05/01/2010 à 01:48:46
ybouane
Admin
 Bonjour,
d'accords, j'ai essayé le code suivant, et il est valide:
<script type="text/javascript"><!--
if(!logo_assoss_annuaire_id){var logo_assoss_annuaire_id = 1;}else{logo_assoss_annuaire_id++;}document.write('<span id="logo_assoss_annuaire_'+logo_assoss_annuaire_id+'"><'+'span>');
--></script><script type="text/javascript" src="http://assoss-annuaire.hebfree.org/logos/banniere-forum.js"></script>
Crodialement :)
Image
Spitfire 95
11/01/2010 à 15:17:22
Spitfire 95
Membre
 Ça marche. Merci.
Pages: 1