Faire sortir une infobulle du cadre de son conteneur ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Faire sortir une infobulle du cadre de son conteneur ?

jycsd

dscyj 37

Salut,

J'ai un gros problème avec mes infobulles... Elles sont comprises dans un JS qui a ces paramètres (obligatoires) :

Code :

width="660px"
height="80px"

Ce JS est lui même intégré dans du PHP par :

Code :

echo '<SCRIPT LANGUAGE="JavaScript">...</script>'

Le problème c'est que quand je passe sur le déclencheur, les infobulles ne sortent pas du cadre de width="660px" height="80px", donc leur contenu est caché ! Ma question est : comment faire sortir l'infobulle du cadre (équivalent à une iframe sûrement) ?

Voici comment j'appelle le CSS :

Code :

<a class=\"thumbnail\" href=\"recherche.php?mot=$titre\"><img border=\"0\" height=\"80\" width=\"60\" src=\"'.$resultat['image'].'\">'.addslashes($data).' <span><font style=\"color:#0000FF;\">site</font><br><img border=\"0\" height=\"200\" width=\"150\" src=\"'.$resultat['image'].'\"><br />'.$resultat['titre'].'<br /><br /><div bgcolor=\"#FFFFFF\">Aperçu :<br /><br /></div></span></a>

Et voici le CSS :

Code :

<style type="text/css">
.thumbnail{
text-decoration: none;
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000;
padding: 5px;
left: -1000px;
border: 1px solid gray;
overflow:hidden;
width:160px;
height:345px;
visibility: hidden;
color: white;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
}
</style>

Merci pour votre aide, je désespère depuis 2 jours...

Message édité par jycsd le 16-07-2008 à 08:49:12

Publicité

gatsu35

Blablaté par Harko

tu vires le overflow:hidden de ".thumbnail span "
et ca marchera

jycsd

dscyj 37

Hélas non

J'ai aussi essayé en foutant des overflow: visible; partout... Nada ! Ca agit à l'intérieur du cadre...

Mais "accessoirement" merci pour ton aide.

Message édité par jycsd le 16-07-2008 à 08:13:52

gatsu35

Blablaté par Harko

ben tu n'as pas que ce cadre en overflow:hidden, tu dois forcément avoir des parents en overflow:hidden.

accessoirement, le meilleur est une infobulle purement en JS

jycsd

dscyj 37

Non, c'est une seule page avec tout dessus. Y'a pas d'autre overflow:hidden.

Le problème vient sûrement du JS non ?

Code :

<SCRIPT LANGUAGE="JavaScript">
var direction=0
var sliderwidth="660px"
var sliderheight="80px"
var sliderleft="15px"
var slidertop="0px"
var pixelstep=1
var timespeed=25
slidebgcolor="#290016"
var himgspace=""
var vimgspace="<div id=vimgspace></div>"
var slideshowspace=0
var moveslide=new Array()
moveslide[0]="' . $myimgs[1] . '"
moveslide[1]="' . $myimgs[2] . '"
moveslide[2]="' . $myimgs[3] . '"
moveslide[3]="' . $myimgs[4] . '"
moveslide[4]="' . $myimgs[5] . '"
moveslide[5]="' . $myimgs[6] . '"
moveslide[6]="' . $myimgs[7] . '"
moveslide[7]="' . $myimgs[8] . '"
moveslide[8]="' . $myimgs[9] . '"
moveslide[9]="' . $myimgs[10] . '"
moveslide[10]="' . $myimgs[11] . '"
</script>

jycsd

dscyj 37

Ahh non j'ai trouvé un autre overflow hidden dans un js appelé !

Mais si je le vire, le cadre est plus limité !

gatsu35

Blablaté par Harko

il est bien moise en tout ca ce code

jycsd

dscyj 37

moisi ?

Pas tant que ça...

J'ai testé avec des iframes et tout... Mais la nouvelle question c'est :
Comment délimiter mon cadre sans overflow hidden ?

jycsd

dscyj 37

J'ai réussit à faire l'inverse en mettant

Code :

<div style="overflow:visible;"><span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px;">'+moveslide+'</span></div>

dans le JS appelé

et

Code :

<div style="overflow: hidden;"><script language="JavaScript" src="modules/scrollpub/scroller_vh.js"></script></div>

Dans le code qui l'appelle...

jycsd

dscyj 37

Y'a pas un truc CSS pour dire au span de l'infobulle d'apparaître en _parent ?

Publicité

jycsd

dscyj 37

Bon comme j'en ai ma claque, j'ai fait différemment :

Code :

$myimgs [$i] = '<a onMouseOver=\"ChangeMessage(\'.$resultat['titre'].\',\'blocaff\')\" onMouseOut=\"ChangeMessage(\'\',\'blocaff\')\" href=\"recherche.php?mot=$titre\"><img border=\"0\" height=\"80\" width=\"60\" src=\"'.$resultat['image'].'\">'.addslashes($data).'</a>';

en gros il affiche les infos dans le div blocaff...

Mais j'ai un PB de syntaxe avec : "ChangeMessage(\'.$resultat['titre'].\',\'blocaff\')\"

Le mieux que j'arrive à faire, c'est lui faire faire afficher .$resultat['titre']. écrit tel quel !

FORUM HardWare.fr

Programmation

HTML/CSS

Faire sortir une infobulle du cadre de son conteneur ?

Sujets relatifs
Faire sortir une infobulle du cadre de son conteneur ?	DIV horizontales dans une DIV cadre servant de masque
Problème infobulle JS sous IE	[CSS] sortir du flux pour positionner un div en haut de la page
sortir d'un programme à tout moment	Redimensionnement cadre automatique
Sortir d'une boucle ou...
Plus de sujets relatifs à : Faire sortir une infobulle du cadre de son conteneur ?

Page générée en 0.097 secondes