Forum de discussion
Forum « Programmation Javascript » (archives)
Re: Problème d'affichage
Envoyé: 16 septembre 2005, 5h12 par mac
CODE
<html>
<head>
<title>Suite</title>
<style>
td{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
a{ color: #6496B4; text-decoration: none; }
</style>
<script language="javascript">
var DHTML=document.getElementById || document.all || document.layers;
function FindID(id){
if(document.layers)
return document.layers[id];
if(document.all && !document.getElementById)
return document.all[id];
if(document.all && document.getElementById)
return document.getElementById(id);
if(!document.all && document.getElementById)
return document.getElementById(id);
}
function visibilite(flag, id) {
if (!DHTML)
return;
FindID('apercu'+id).style.visibility = (flag) ? 'visible': 'hidden'
FindID('apercu'+id).style.position = (flag) ? 'relative' : 'absolute'
FindID('totalite'+id).style.visibility = (flag) ? 'hidden':'visible'
FindID('totalite'+id).style.position = (flag) ? 'absolute':'relative'
FindID('symbole'+id).innerHTML = (flag) ? '<A HREF=\"javascript:visibilite(0,'+id+');\">La suite...</A>' : '<A HREF=\"javascript:visibilite(1,'+id+');\">Masquer</A>'
}
</script>
</head>
<body>
<table style="width:200px; text-align:justify; border: 1px solid #6496B4; padding:4px; background-color: #E5EFF2;">
<tr><td align="justify">
<div id="apercu1">Début d'un texte qui est censé être long</div>
<div id='totalite1' style='position:absolute; visibility:hidden;'>Début d'un texte qui est censé être long mais qui ne l'est pas tant que ça !</div>
</td></tr>
<tr><td align="right">
<span id='symbole1'><A HREF="javascript:visibilite(0,1);">La suite...</A></span>
</td></tr>
</table>
<br ><br >
<table style="width:200px; text-align:justify; border: 1px solid #6496B4; padding:4px; background-color: #E5EFF2;">
<tr><td align="justify">
<div id="apercu2">Début d'un autre texte qui est censé être long</div>
<div id='totalite2' style='position:absolute; visibility:hidden;'>Début d'un autre texte qui est censé être long avec une <b>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" ></div>
</td></tr>
<tr><td align="right">
<span id='symbole2'><A HREF="javascript:visibilite(0,2);">La suite...</A></span>
</td></tr>
</table>
</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}