A voir également:
- Script
- Script vidéo youtube - Guide
- Script bat - Guide
- Executeur de script - Télécharger - Édition & Programmation
- Ghost script - Télécharger - Polices de caractères
- Script bouger souris ✓ - Forum C++
1 réponse
jordane45
Messages postés
38138
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 avril 2024
4 649
5 nov. 2021 à 21:57
5 nov. 2021 à 21:57
Bonjour,
Déjà, pour poster du code sur ce forum, il faut utiliser les BALISES DE CODE.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Ensuite, pour que ce script fonctionne, il faut que tu aies envoyés sur le serveur de ton site, les photos qui correspondent...
Et attention à bien respecter les majuscules/minuscules dans le nom de tes fichiers et des dossiers de ton serveur...
Je te conseillerai d'ailleurs de tout remettre en minuscule ( aussi bien dans ton code, que dans le nom des fichiers/dossiers)
Si le souci persiste, il faudra regarder dans la CONSOLE javascript de ton navigateur si il n'y aurait pas d'éventuelles erreurs
Tu pourrais aussi nous fournir le code source généré (c'est à dire celui obtenu DEPUIS le NAVIGATEUR (via le raccourci CTRL+u ))
Déjà, pour poster du code sur ce forum, il faut utiliser les BALISES DE CODE.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Ensuite, pour que ce script fonctionne, il faut que tu aies envoyés sur le serveur de ton site, les photos qui correspondent...
Et attention à bien respecter les majuscules/minuscules dans le nom de tes fichiers et des dossiers de ton serveur...
Je te conseillerai d'ailleurs de tout remettre en minuscule ( aussi bien dans ton code, que dans le nom des fichiers/dossiers)
Si le souci persiste, il faudra regarder dans la CONSOLE javascript de ton navigateur si il n'y aurait pas d'éventuelles erreurs
Tu pourrais aussi nous fournir le code source généré (c'est à dire celui obtenu DEPUIS le NAVIGATEUR (via le raccourci CTRL+u ))
6 nov. 2021 à 11:24
Une chose est sûre cela pourrait être optimisé.
Comme chaque élément du tableau sert à l'affichage de façon identique vous pouvez automatiser et retenir que les données (url image, ses attributs) et vous créez une fonction pour écrire une ligne avec sa boucle.
Sinon connaissez vous JSON ou les objets en JavaScript? Cela serait plus pratique.
Et bien sûr CSS parce que la balise font et l'attribut align et border ne sont plus à utiliser depuis plus de 10 ans, tout doit se faire avec CSS.
(et width et height non plus pareil tout se fait en CSS pour la présentation on distingue bien le contenu en HTML de sa mise en page/couleur/taille/positionnement qui doivent être faits en CSS)
Avec Array vous avez aussi la méthode push ou des écritures qui sont plus simples en séparant par des virgules les éléments.
Exemples:
var monArray=['élément 0', 'élément 1', 'élément 2']; //-- voilà déjà vous gagnez pas mal de temps d'écriture plutôt que faire ligne par ligne monArray.push('élément3'); //-- la méthode .push ajoute à la fin donc pas besoin d'avoir à indiquer un indice entre crochets //-- Un objet JSON en notation littérale directement utilisable var objetJSON={ url:'Tableaux/Bretonne_a_la_pipe_1.jpg', border:1, width:486, height:575, alt:"Huile - Format F10", align:"middle" } console.log('attribut align de objetJSON '+objetJSON.align); // bien sûr on peut combiner les 2 //-- comme ceci var monTableau =[ objetJSON , /** monTableau[0]*/ { url:'Tableaux/Martelod.jpg', border:2, width:435, height:575, align:"", alt:'Acrylique - Format 8F'}/** monTableau[1]*/ ] //--une fonction pour créer chaque ligne de façon automatisée function imageEnLigne(url, border,width,height, alt, align){ return '<br><img src=\"'+url+'\" border=\"'+border+'\" width=\"'+width+'\" height=\"'+height+' \" alt=\"'+alt+'\"/> '; } var uneLigneImage= imageEnLigne( monTableau[0].url, monTableau[0]. border, monTableau[0].width, monTableau[0].height, monTableau[0].alt, monTableau[0].align); console.log(' fonction imageEnLigne'+uneLigneImage); var toutesLesImages='' for(let i=0, i<monTableau.length;i++){ toutesLesImages+= imageEnLigne(monTableau[i].url,monTableau[i].border,monTableau[i].width,monTableau[i].height,monTableau[i].alt,monTableau[i].align); } console.log('avec la fonction dans une boucle \n'+toutesLesImages);/!\ IMPORTANT tout comme pour les dossiers et nom de fichiers vous évitez les majuscules parce que selon les systèmes ils ne seront pas pris en compte vous ne pouvez pas avoir d'espace dans un nom de fichier/URL d'image. Sur le WWW un espace est un élément de séparation donc un fichier nommé ainsi:
"Formats Toiles.jpg"
est tout simplement interdit car ça ne fonctionnera pas.
Toutefois si vous ne faites pas de boucle et de fonction dans la boucle autant ne pas utiliser de tableau et écrire directement la chaîne de caractère ou même directement dans le HTML et afficher/masquer le container lors de l'événement souhaité(un clic par ex).
L'élément BR aussi est à éviter au maximum toujours au profit d'une mise en page CSS
Un JSON peut être en fichier externe à la page ce qui permet de changer le contenu facilement et d'y voir plus clair(chacun dans son fichier). Le meilleur système est d'utiliser une base de données, pensez y si vous voulez un site durable et facilement mis à jour.
Si vous n'utilisez pas CSS votre site n'est pas au norme actuelle et cela peut éventuellement poser des problèmes d'accessibilité et de référencements. L'attribut alt doit toujours être renseigné dans ce but.