Forum de discussion
Forum « Programmation Javascript » (archives)
Problème d'affichage
Envoyé: 15 septembre 2005, 10h06 par mac
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
| |||||||
![[Photo]](https://www.trucsweb.com/documents/images/2024/js-bs-formulaire-fetch.png)
Formulaire Bootstrap 5 Ajax avec validation.![[Photo]](https://www.trucsweb.com/documents/images/2023/elephants-Salvador_Dali_1948.jpg)
Sécuriser l’accès « bureau à distance » sous IIS![[Photo]](https://www.trucsweb.com/documents/images/2023/trou_noir_galaxie_M87.jpg)
L’AI au temps du Far-Web![[Photo]](https://www.trucsweb.com/documents/images/2023/gilles-villeneuve-montreal1978.jpg)
Sélecteurs JavaScript querySelector() et querySelectorAll()![[Photo]](http://www.trucsweb.com/documents/images/2023/evolution_de_lhomme.jpg)
CSS - Animations![[Photo]](http://www.trucsweb.com/documents/images/2023/univers-copernic.jpg)
Mode de couleurs (Color modes) Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/2023/les_burgers_de_papa.jpg)
25 ans des Trucsweb - Bouton hamburger animé Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/logos/l_whatwg.svg)
Living Standard pour HTML de Apple, Google, Mozilla, Microsoft ...et la W3C![[Photo]](http://www.trucsweb.com/documents/images/2022/tim-berners-lee-web-b.jpg)
Le nouveau HTML « Living Standard » et le XML![[Photo]](http://www.trucsweb.com/documents/images/2022/v_jacques_dutronc-les_cactus.jpg)
Sécuriser un formulaire de contact au Far-Web!
AbuseIPDB
Connexion![http://www.google.fr/intl/fr_fr/images/logo.gif"](http://www.google.fr/intl/fr_fr/images/logo.gif"){kind=link}