Trucsweb.com

Forum de discussion

 Forum « Programmation Javascript » (archives)

Problème d'affichage

Envoyé: 15 septembre 2005, 10h06 par mac


J'ai fais un petit script pour gérer l'affichage de textes longs.

Le principe : affiche le début du texte (qui est censé avoir plus de x caractères) et la suite quand on clique sur [+].

Le problème : si une image est contenue dans la 2ème partie du texte (celle qui s'affiche quand on clique sur [+]) elle ne s'affiche pas !

Visiblement cela vient du fait que je change la position du span de absolute à relative mais je comprends pas pourquoi (surtout que l'emplacement de l'image apparaît mais rien ne s'affiche).


MERCI

Le code


<!--
<html>
<head>
<title>Affichage texte long</title>
<style>
body{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
a{
color: #6496B4;
text-decoration: none;
}
</style>
<script language="javascript">
var isNetscape4=document.layers;
var isNetscape6=document.getElementById && !document.all
var DHTML=document.getElementById || document.all || document.layers;

function getStyle(nom) {

if (isNetscape6)
style=document.getElementByID(nom).style;
else if (isNetscape4)
style=document.layers [nom];
else
style=document.all[nom].style;
return(style);
}

function visibilite(flag, id) {

if (!DHTML)
return;
getStyle('suite'+id).visibility=(flag) ? 'hidden':'visible'
getStyle('suite'+id).position=(flag) ? 'absolute':'relative'
getStyle('plus'+id).visibility=(flag) ? 'visible': 'hidden'
getStyle('plus'+id).position=(flag) ? 'relative' : 'absolute'

}

</script>
</head>

<body>
<span style="width:200px; text-align:justify; border: 1px solid #6496B4; padding:4px; background-color: #E5EFF2;">
Début d'un texte qui est censé être long <span id='plus1' style='position:relative;'><b><A HREF="javascript:visibilite(0,1)">[+]</A></b></span><span id='suite1' style='position:absolute; visibility:hidden;'>mais qui ne l'est pas tant que ça ! :p <b><A HREF="javascript:visibilite(1,1)">[-]</A></span></b></span>
</span>
<br ><br >
<span style="width:200px; text-align:justify; border: 1px solid #6496B4; padding:4px; background-color: #E5EFF2;">
Début d'un autre texte qui est censé être long <span id='plus2' style='position:relative;'><b><A HREF="javascript:visibilite(0,2)">[+]</A></b></span><span id='suite2' style='position:absolute; visibility:hidden;'>avec <b>une image qui ne s'affiche pas !!!!</b> <img src="http://www.google.fr/intl/fr_fr/images/logo.gif"; width="276" height="110" alt="Logo Google" > <b><A HREF="javascript:visibilite(1,2)">[-]</A></span></b></span>
</span>


</body>

</html>
-->


Réponses

 sp spRe: Problème d'affichage mac16/9/2005
Aucun médias sociaux
X

Trucsweb.com Connexion

Connexion

X

Trucsweb.com Mot de passe perdu

Connexion

X

Trucsweb.com Conditions générales

Conditions

Responsabilité

La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

Droit applicable et juridiction compétente

Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

X

Trucsweb.com Trucsweb

X

Trucsweb.com Glossaire

X

Trucsweb.com Trucsweb

X

Trucsweb.com Trucsweb

Conditions

Aucun message!

Merci.

X
Aucun message!
X

Trucsweb.com Créer un compte

Créer un compte

.
@