Forum de discussion
Forum « Programmation HTML » (archives)
Re: Active X et Netscape
Envoyé: 22 octobre 2002, 12h05 par Oznog
Exact, c'est possible via un tableau. En fait avec la méthode TDC il y a bien sûr la manipulation mais surtout la capacité d'utiliser un fichier texte externe.
Alors en Javascript avec un tableau (array) c'est effectivement possible de reproduire le fichier texte en tableau interne. Et c'est compatible Netscape.
Malheureusement, et c'est là que ça se complique, pour reproduire l'effet dynamique à l'affichage (navigation dans les données...) il faut utiliser le DHTML, faire un calque (layer) avec des données dynamique. La gestion peut être complexe surtout si tu veux qu'il soit compatible Netscape (en fait il faut 2 code, 1 pour IE et l'autre pour NS).
Sinon, tu peux utiliser un simple formulaire. Dasn ce cas c'est asser facile et compatible Netscape.
C'est simple mais pour un amateur ce peut être aussi complexe à modifier, voilà tout de même le code complet :
<html>
<head>
<script type="text/javascript" language="javascript">
<!--
// Le compte permet de naviguer dans le tableau
// de 0 à 3 dans mon exemple.
// (un tableau commence toujours à 0 (zero based)
var compte = 0;
// Ici un tableau à deux dimension
// Dans ton cas il va falloir plusieurs dimensions.
// Probablement un tableau dans un tableau
var monTableau = new Array(["Luc","Tremblay"],["Lucie","Lavoie"],["Marcel","Barbeau"],["Antoine","Levesque"]);
// Fonction test la position
// (pas plus grande ni plus petite que le nombre d'élément dans le tableau
// PUIS, affiche la bonne information
// selon la variable compte.
// Le paramètre lForm est l'objet du formulaire complet
// et lCompte est l'ajustement (+/-) de la variable globale compte
function twAffiche_info(lForm,lCompte) {
if (lCompte <= monTableau.length-1 && lCompte >=0 ) {
compte = lCompte;
lForm.sNom.value = monTableau[compte][0];
lForm.sPrenom.value = monTableau[compte][1];
}
// Empèche le formulaire d'être soumit
return false
}
// -->
</script>
</head>
<!-- onLoad, pour afficher le premier élément en partant -->
<!-- (compte = 0 en partant) -->
<body onLoad="twAffiche_info(document.Info,compte)">
<!-- Formulaire "Info" -->
<form name="Info">
<p>
<input type="text" name="sNom" onBlur="this=allo">
<input type="text" name="sPrenom">
</p>
<!-- Bouton suivant et précédent -->
<input type="submit" name="prec" value="<<<" onClick="return twAffiche_info(this.form,compte-1);">
<input type="submit" name="suiv" value=">>>" onClick="return twAffiche_info(this.form,compte+1);">
</form>
</body>
</html>
Note en terminant que c'est la méthode la plus facile, en DHTML c'est mieux (en fait seule la présentation est meilleurs) mais plus complexe.
Ciao
Oznog
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