Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2718 connectés 

 


 Mot :   Pseudo :  
  Aller à la page :
 
 Page :   1  2  3  4  5  ..  15  16  17  18  19  20  21
Auteur Sujet :

Insertion image en html depuis mon ordi

n°2438216
MaybeEijOr​Not
but someone at least
Posté le 17-01-2023 à 20:11:19  profilanswer
 

Reprise du message précédent :
Oui c'est normal, mais tu vas aussi voir qu'à force de voir de nouvelles choses, tu vas finir par en oublier, surtout si tu n'en fais pas régulièrement. :(

Message cité 1 fois
Message édité par MaybeEijOrNot le 17-01-2023 à 20:11:35

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
mood
Publicité
Posté le 17-01-2023 à 20:11:19  profilanswer
 

n°2438251
Harmo88
Il n\\
Posté le 18-01-2023 à 10:15:23  profilanswer
 

MaybeEijOrNot a écrit :

Oui c'est normal, mais tu vas aussi voir qu'à force de voir de nouvelles choses, tu vas finir par en oublier, surtout si tu n'en fais pas régulièrement. :(


 
 

Citation :

Hé oui, phénomène accentué par une mémoire qui vieillit, mais je prends des vitamines, pour booster les neurones  :lol: Il est quasiment impossible de tout retenir; il y a tellement d'éléments, d'attributs, de valeurs ...
Lorsque je regarde le code source de certains sites, je suis conscient que je n'arriverai pas à un tel niveau ... le but n'est pas d'en faire ma profession, c'est un peu tard. Tant que je prends plaisir, je continue.


n°2438387
Harmo88
Il n\\
Posté le 19-01-2023 à 14:10:40  profilanswer
 

Citation :

Utiliser les numéros négatifs dans les grilles.
https://jsfiddle.net/cjh23zo6/

n°2438681
Harmo88
Il n\\
Posté le 20-01-2023 à 21:01:29  profilanswer
 

Citation :

Après correction d'une erreur (c'est fou ce que peut provoquer un "s" qui manque ... dans l'affichage d'une page).
https://jsfiddle.net/gk81cp9n/

n°2438747
Harmo88
Il n\\
Posté le 22-01-2023 à 10:52:45  profilanswer
 

Citation :

Modifier l'ordre d'affichage des enfants dans une grille. Je ne saisis pas bien l'attribution des valeurs pour tous les paragraphes ... méthode qui ne me parait pas évidente.
https://jsfiddle.net/rsLoh7nx/

n°2438750
MaybeEijOr​Not
but someone at least
Posté le 22-01-2023 à 11:41:26  profilanswer
 

L'ordre définit une priorité et non une position absolue dans l'ordre des blocs. Mais oui ce n'est pas évident.
Le -1 sera affiché avant tous les 0, et les +1 après tous les 0. Les +2, après tous les +1, etc.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2438756
Harmo88
Il n\\
Posté le 22-01-2023 à 13:28:35  profilanswer
 

Harmo88 a écrit :

Citation :

Modifier l'ordre d'affichage des enfants dans une grille. Je ne saisis pas bien l'attribution des valeurs pour tous les paragraphes ... méthode qui ne me parait pas évidente.
https://jsfiddle.net/rsLoh7nx/



 
 

Citation :

T'as fini de m'embrouiller  :lol: C'est quoi ce charabia cssique ? J'essaie de changer les valeurs; sur une même ligne ça va, mais dès qu'il faut changer de ligne, ça ne va plus. Comme je suppose que cette méthode n'est  
pas souvent nécessaire(je me trompe peut-être, jusqu'alors je n'ai pas eu besoin de l'employer) je vais y réfléchir, au pire employer une autre méthode. Pour l'instant je n'arrive pas à décortiquer tes indications ...
Les zéros correspondent à quoi ? La dernière cellule déplacée ? La cellule de "référence" de "départ" c'est la 1ère en haut et à gauche de la grille ?
Est-ce que je confonds l'absolu et le relatif, dans ce cas ?  :hello:

n°2438765
MaybeEijOr​Not
but someone at least
Posté le 22-01-2023 à 14:19:44  profilanswer
 

Supposons cette grille avec 9 blocs :
 
­ 1  2  3
 4  5  6
 7  8  9
 
Touts les blocs ont par défaut la valeur "order" à 0 et donc s'agencent les uns derrière les autres.
Si tu passes la valeur du bloc n°5 à -1 alors il ira devant tous ceux qui ont une valeur supérieure à -1, dans notre cas ça donnera :
 
 5  1  2
 3  4  6
 7  8  9
 
En effet, tous les autres blocs ont pour valeur 0 et donc passent derrière.
 
Maintenant, mettons la valeur -2 au bloc n°8, il ira devant tous ceux qui ont une valeur supérieure à -2 :
 
 8  5  1
 2  3  4
 6  7  9
 
Mettons la valeur +1 ai bloc n°6, il ira derrière tous ceux qui ont une valeur inférieure à +1 :
 
 8  5  1
 2  3  4
 7  9  6

Message cité 1 fois
Message édité par MaybeEijOrNot le 22-01-2023 à 14:22:13

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2438767
Harmo88
Il n\\
Posté le 22-01-2023 à 14:49:11  profilanswer
 

MaybeEijOrNot a écrit :

Supposons cette grille avec 9 blocs :
 
­ 1  2  3
 4  5  6
 7  8  9
 
Touts les blocs ont par défaut la valeur "order" à 0 et donc s'agencent les uns derrière les autres.
Si tu passes la valeur du bloc n°5 à -1 alors il ira devant tous ceux qui ont une valeur supérieure à -1, dans notre cas ça donnera :
 
 5  1  2
 3  4  6
 7  8  9
 
En effet, tous les autres blocs ont pour valeur 0 et donc passent derrière.
 
Maintenant, mettons la valeur -2 au bloc n°8, il ira devant tous ceux qui ont une valeur supérieure à -2 :
 
 8  5  1
 2  3  4
 6  7  9
 
Mettons la valeur +1 ai bloc n°6, il ira derrière tous ceux qui ont une valeur inférieure à +1 :
 
 8  5  1
 2  3  4
 7  9  6


 

Citation :

Tu dois être bon au sudoku  :lol:  merci pour tes explications, que je n'ai pas trouvées dans le bouquin, ni ailleurs. Ça aide, mais ça reste tout de même un peu chiant à employer ...


n°2438811
Harmo88
Il n\\
Posté le 23-01-2023 à 13:13:39  profilanswer
 

Citation :

Les alignements enfants sur l'axe horizontal, grilles.
https://jsfiddle.net/mufw9gv3/

mood
Publicité
Posté le 23-01-2023 à 13:13:39  profilanswer
 

n°2438923
Harmo88
Il n\\
Posté le 25-01-2023 à 10:45:08  profilanswer
 

Citation :

Mine de rien, bon exercice pour les marges; si elles sont mal définies, l'affichage devient vite désordonné. le dernier conteneur accolé au précédent est volontaire, pour voir l'effet entre avec et sans espace.
https://jsfiddle.net/3t08x61L/

n°2439003
Harmo88
Il n\\
Posté le 25-01-2023 à 19:06:08  profilanswer
 

Citation :

Toujours les alignements ...
https://jsfiddle.net/g8b2ov5y/

n°2439007
Harmo88
Il n\\
Posté le 25-01-2023 à 20:36:36  profilanswer
 

Citation :

J'ai voulu rendre cette page responsive; ça fonctionne, sauf pour la bordure du conteneur qui ne change pas de dimension ... Je ne vois pas pourquoi ... après quelques tentatives infructueuses.
https://jsfiddle.net/cesxyaf7/

n°2439009
MaybeEijOr​Not
but someone at least
Posté le 25-01-2023 à 20:40:21  profilanswer
 

C'est-à-dire ?
Le #conteneur1 tu lui as donné une largeur fixe :

Code :
  1. width: 920px;


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2439021
Harmo88
Il n\\
Posté le 26-01-2023 à 00:01:10  profilanswer
 

MaybeEijOrNot a écrit :

C'est-à-dire ?
Le #conteneur1 tu lui as donné une largeur fixe :

Code :
  1. width: 920px;



 
 

Citation :

Il y a des jours qui ne sont pas les bons jours ... j'aurais du faire une pause  :lol: merci pour la réponse.  :jap:


n°2439140
Harmo88
Il n\\
Posté le 27-01-2023 à 21:56:16  profilanswer
 

Citation :

On tient le bon bout ... encore quelques petites choses à revoir; par exemple l'affichage du texte dans les cellules, pour éviter les coupures de mots trop fréquentes. Je suppose que l'on peut atténuer ou supprimer ça.
https://jsfiddle.net/pod7rzv4/

n°2439167
unitedcolo​rs
Posté le 28-01-2023 à 20:36:39  profilanswer
 

Css -> word-break (regarde sur MDN Web docs). Pour régler le problème des mots coupés.

n°2439174
Harmo88
Il n\\
Posté le 29-01-2023 à 10:24:07  profilanswer
 

unitedcolors a écrit :

Css -> word-break (regarde sur MDN Web docs). Pour régler le problème des mots coupés.


 
 

Citation :

 :hello: J'avais essayé word-break: break-all; ça n'a rien changé.
En fait, il faut utiliser word-break: normal; et là c'est OK.
Merci pour ta réponse.


n°2439194
Harmo88
Il n\\
Posté le 29-01-2023 à 20:36:04  profilanswer
 

Citation :

Tableau avec formulaire, ça se corse ... après il faudra voir la sauvegarde.
https://jsfiddle.net/xs82gtu5/

n°2439197
MaybeEijOr​Not
but someone at least
Posté le 29-01-2023 à 21:00:01  profilanswer
 

L'attribut "id" est unique, tu n'as pas le droit d'avoir deux fois la même valeur sur une même page.
 
De même, vu l'utilisation dont tu en fais, l'attribut "name" doit changer à chaque fois. Surtout que quand tu voudras récupérer tes données, tu vas utiliser ce nom. Donc si toutes tes données ont le même nom ça ne va pas le faire... [:tinostar]


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2439229
Harmo88
Il n\\
Posté le 30-01-2023 à 09:45:52  profilanswer
 

MaybeEijOrNot a écrit :

L'attribut "id" est unique, tu n'as pas le droit d'avoir deux fois la même valeur sur une même page.
 
De même, vu l'utilisation dont tu en fais, l'attribut "name" doit changer à chaque fois. Surtout que quand tu voudras récupérer tes données, tu vas utiliser ce nom. Donc si toutes tes données ont le même nom ça ne va pas le faire... [:tinostar]


 
 
[quotemsg]OK pour "id" unique ...
Et si je code ainsi;  jss ne me met plus de points rouges :

Code :
  1. <tr>
  2.       <td><label for="ident">Directeur</label></td>
  3.       <td><input type="text" name="ident1" value="" size="10" maxlength="10" id="ident2" autofocus/></td>
  4.       <td><input type="text" name="ident3" value="" size="10" maxlength="10" id="ident4" autofocus/></td>
  5.   </tr>


Sinon, je vais coder différemment.

n°2439230
MaybeEijOr​Not
but someone at least
Posté le 30-01-2023 à 09:49:15  profilanswer
 

Tu peux avoir la même valeur pour l'attribut name et id d'un même élément si tu veux.
 

Code :
  1. <tr>
  2.    <td><label for="ident">Directeur</label></td>
  3.    <td><input type="text" name="ident1" value="" size="10" maxlength="10" id="ident1" autofocus/></td>
  4.    <td><input type="text" name="ident2" value="" size="10" maxlength="10" id="ident2" autofocus/></td>
  5. </tr>


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2439236
Harmo88
Il n\\
Posté le 30-01-2023 à 10:34:06  profilanswer
 

MaybeEijOrNot a écrit :

Tu peux avoir la même valeur pour l'attribut name et id d'un même élément si tu veux.
 

Code :
  1. <tr>
  2.    <td><label for="ident">Directeur</label></td>
  3.    <td><input type="text" name="ident1" value="" size="10" maxlength="10" id="ident1" autofocus/></td>
  4.    <td><input type="text" name="ident2" value="" size="10" maxlength="10" id="ident2" autofocus/></td>
  5. </tr>



 

Citation :

OK merci; maintenant je voudrais ajouter des colonnes par ex : le N° de tél ou autre appellation.  

Code :
  1. <thead>
  2.  <tr>
  3.   <th>Membres de la direction</th>
  4.   <th>Prénom</th>
  5.   <th>Nom</th>
  6.   <th>Année de naissance</th>
  7.                         <th>N° portable</th>
  8.  </tr>
  9. </thead>

Ça c'est bon.  
Je suppose que dans la ligne "input type" je dois pouvoir ajouter ces nouveaux noms ? Pour l'instant, je n'ai pas trouvé la syntaxe.


n°2439241
Harmo88
Il n\\
Posté le 30-01-2023 à 11:05:13  profilanswer
 

Citation :


Code :
  1. <tr>
  2. <td><label for="ident">Directeur</label></td>
  3. <td><input type="text" name="ident1" value="" size="10"maxlength="10" id="ident1" autofocus/></td>
  4. <td><input type="text" name="ident2" value="" size="10" maxlength="10" id="ident2" autofocus/></td>
  5.            <td><input type="text" name="ident3" value="" size="10" maxlength="10" id="ident3" autofocus/></td>
  6.            <td><input type="text" name="ident4" value="" size="10" maxlength="10" id="ident4" autofocus/></td>
  7. </tr>


Il faut ajouter une ligne "input" pour chaque nouvelle colonne. attention à la numérotation dans "name" Il faudrait peut-être lancer un compteur ... je verrai ça après ...


Message édité par Harmo88 le 30-01-2023 à 11:07:24
n°2439244
Harmo88
Il n\\
Posté le 30-01-2023 à 11:21:20  profilanswer
 

[quotemsg]Résultat :
https://jsfiddle.net/p58y016t/
Je crois que c'est correct. Maintenant sauvegarde dans un fichier de données ...[quotemsg]

n°2439568
Harmo88
Il n\\
Posté le 02-02-2023 à 11:50:08  profilanswer
 

Citation :

Page responsive pour smartphone, tablette, pc.
https://jsfiddle.net/v7t2fqLg/

n°2440214
Harmo88
Il n\\
Posté le 11-02-2023 à 21:15:40  profilanswer
 

Citation :

Page fluide avec fusion de cellules.
https://jsfiddle.net/ht82krdx/

n°2440441
Harmo88
Il n\\
Posté le 16-02-2023 à 20:58:14  profilanswer
 

Citation :

Création de tableau.
https://jsfiddle.net/ct7L3kab/

n°2440889
Harmo88
Il n\\
Posté le 22-02-2023 à 17:59:27  profilanswer
 

Citation :

Un autre tableau avec insertion URL.
https://jsfiddle.net/v9hqu72r/

n°2441390
Harmo88
Il n\\
Posté le 25-02-2023 à 20:17:15  profilanswer
 

Citation :

Des champs à remplir.
https://jsfiddle.net/6ufgw04t/
Entre le PHP et le Javascript, je pédale ...
La réglette avec curseur n'affiche rien, en déplaçant le curseur.
Dans le champ de saisie suggérée, la liste déroulante des fruits ne s'affiche pas.
Dans Jsfield, beaucoup de lignes sont en rouge, sans que je comprenne pourquoi.
Le vérificateur de code indique beaucoup d'erreurs; j'ai pu en supprimer quelques-unes, mais pour d'autres je ne comprends pas les messages ...
https://validator.w3.org/nu/#file

n°2441391
MaybeEijOr​Not
but someone at least
Posté le 25-02-2023 à 20:20:22  profilanswer
 

L'attribut oninput doit se placer dans la balise input, bien faire attention aux guillemets aussi.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2441392
Harmo88
Il n\\
Posté le 25-02-2023 à 20:26:49  profilanswer
 

MaybeEijOrNot a écrit :

L'attribut oninput doit se placer dans la balise input, bien faire attention aux guillemets aussi.


 
 

Citation :

Boudiou, t'es un rapide  :lol:  :jap: merci pour la réponse; encore une fois, j'ai recopié le contenu du livre ... j'ai simplement mis bout à bout les différents champs.


n°2441393
Harmo88
Il n\\
Posté le 25-02-2023 à 20:36:26  profilanswer
 

Harmo88 a écrit :


 
 

Citation :

Boudiou, t'es un rapide  :lol:  :jap: merci pour la réponse; encore une fois, j'ai recopié le contenu du livre ... j'ai simplement mis bout à bout les différents champs.




 
 

Citation :

Comme ça, c'est bon ?

Code :
  1. <input type="range" min="18" max="100" step="1" value="40" id="age2" oninput="document.getElementById('sortie')".textContent="value">


Je ne sais pas si les guillemets après ('sortie')" sont bien placés, ni si les apostrophes entre parenthèses sont corrects ... c'est de la recopie ...

n°2441394
MaybeEijOr​Not
but someone at least
Posté le 25-02-2023 à 21:20:01  profilanswer
 

Les guillemets et les "apostrophes" servent à écrire des chaînes de caractères. Donc si tu veux écrire des guillemets dans une chaîne de caractères, le plus simple c'est d'écrire la chaîne entre des apostrophes et vice-versa. Tu peux aussi utiliser la technique qui consiste à échapper les guillemets ou les apostrophes.

 
Code :
  1. <input type="range" min="18" max="100" step="1" value="40" id="age2" oninput="document.getElementById('sortie').textContent=this.value;">

Message cité 1 fois
Message édité par MaybeEijOrNot le 25-02-2023 à 21:20:37

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2441405
Harmo88
Il n\\
Posté le 26-02-2023 à 09:31:59  profilanswer
 

MaybeEijOrNot a écrit :

Les guillemets et les "apostrophes" servent à écrire des chaînes de caractères. Donc si tu veux écrire des guillemets dans une chaîne de caractères, le plus simple c'est d'écrire la chaîne entre des apostrophes et vice-versa. Tu peux aussi utiliser la technique qui consiste à échapper les guillemets ou les apostrophes.
 

Code :
  1. <input type="range" min="18" max="100" step="1" value="40" id="age2" oninput="document.getElementById('sortie').textContent=this.value;">



 
 

Citation :

Il y a des cas où ça n'est pas évident de voir comment coder une chaine de caractères .... surtout si il y a des erreurs.
La réglette avec curseur, ainsi que le champ de saisie suggérée(après rectification d'une erreur), fonctionnent.


n°2442085
Harmo88
Il n\\
Posté le 08-03-2023 à 11:07:06  profilanswer
 

Citation :

https://jsfiddle.net/y4mt9382/
Dans ce formulaire, je voudrais coder un message d'alerte, si je dépasse la saisie de plus de 4 caractères, ou si la valeur saisie dépasse le chiffre 2500; pas évident ces messages d'alerte ...
Soit le message est un texte, soit il colore le champ en rouge ...

n°2442194
MaybeEijOr​Not
but someone at least
Posté le 09-03-2023 à 19:13:07  profilanswer
 

Tu veux ajouter un message d'alerte avec Javascript ?


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2442226
Harmo88
Il n\\
Posté le 10-03-2023 à 10:27:47  profilanswer
 

MaybeEijOrNot a écrit :

Tu veux ajouter un message d'alerte avec Javascript ?


 

Citation :

:hello: En ce qui concerne le dépassement de la valeur (fixée à 2500), je n'avais pas de message d'alerte lors du dépassement de cette valeur, parce qu'une balise <form> était mal placée en fermeture.
Pour le dépassement de 4 chiffres, un message d'alerte me parait inutile; si j'ajoute un 5e chiffre à la date, (qui ne doit pas dépasser la valeur de 2500), c'est le message de dépassement de valeur qui s'affiche
en premier, rendant inutile un message de dépassement du nombre des chiffres (embrouillant, hein ?).
 

Code :
  1. <p>
  2.  <label for="naiss">Votre année<br> de naissance : </label>
  3.  <input type="number" max="2500" maxlength="4" step="1" value="1900" id="naiss" />
  4. </p>


Apparemment, je peux supprimer maxlength="4" sans conséquence.


n°2443993
gatsu35
Blablaté par Harko
Posté le 01-04-2023 à 10:51:08  profilanswer
 

Tu peux aussi laisser maxlength="4", car ça permet d'éviter à l'utilisateur de trop en mettre dans le champ et il se trompera moins.
 
Et pour finir :  
Arrête de mettre ton message entre balise [ quote] pour répondre.
ARRETE.


---------------
Blablaté par Harko
n°2444129
Harmo88
Il n\\
Posté le 05-04-2023 à 09:58:20  profilanswer
 

gatsu35 a écrit :

Tu peux aussi laisser maxlength="4", car ça permet d'éviter à l'utilisateur de trop en mettre dans le champ et il se trompera moins.
 
Et pour finir :  
Arrête de mettre ton message entre balise [ quote] pour répondre.
ARRETE.



 
 
 :hello: Merci pour ta réponse; je peux laisser maxlength="4" en "sécurité".
 
Pour en terminer avec ces rappels intempestifs en rouge, qui m'agacent (hé oui, ça m'arrive  :lol: ), je souhaite que tu me confirmes l'utilisation de ces balises

Citation :

et

.
Si je comprends bien, il faut les utiliser lors d'un nouveau message dont je suis l'auteur; mais si je réponds à un message elles ne sont pas utiles. Correct ?
 
En regardant l'aperçu de ce message, j'ai une citation, plus un "et" écrit dans la fenêtre de citation .... ??????? Alors que j'ai écrit : Je souhaite que tu me confirmes l'utilisation de ces balises [quotemsg] et [/quotemesg].
Si je comprends bien, il faut les utiliser lors d'un nouveau message dont je suis l'auteur; mais si je réponds à un message elle ne sont pas utiles. Correct ?

Message cité 1 fois
Message édité par Harmo88 le 05-04-2023 à 10:05:17
n°2444183
gatsu35
Blablaté par Harko
Posté le 05-04-2023 à 14:52:54  profilanswer
 

Harmo88 a écrit :


 
 
 :hello: Merci pour ta réponse; je peux laisser maxlength="4" en "sécurité".
 
Pour en terminer avec ces rappels intempestifs en rouge, qui m'agacent (hé oui, ça m'arrive  :lol: ), je souhaite que tu me confirmes l'utilisation de ces balises

Citation :

et

.
Si je comprends bien, il faut les utiliser lors d'un nouveau message dont je suis l'auteur; mais si je réponds à un message elles ne sont pas utiles. Correct ?
 
En regardant l'aperçu de ce message, j'ai une citation, plus un "et" écrit dans la fenêtre de citation .... ??????? Alors que j'ai écrit : Je souhaite que tu me confirmes l'utilisation de ces balises [quotemsg] et [/quotemesg].
Si je comprends bien, il faut les utiliser lors d'un nouveau message dont je suis l'auteur; mais si je réponds à un message elle ne sont pas utiles. Correct ?


Non il ne faut pas les utiliser, tout simplement pas.
 
Quand tu réponds à un message, automatiquement le message auquel tu réponds est mis entre balise [quotemsg ], toi tout ce que tu as à faire c'est simplement écrire ton texte tout à la fin du texte déjà présent après les balises.


---------------
Blablaté par Harko
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3  4  5  ..  15  16  17  18  19  20  21

Aller à :
Ajouter une réponse
 

Sujets relatifs
Signature e-mail en HTML adaptative mode clair/sombre ?Exercice html, php, mysql, javascript
hébergement de page htmlresponsive scroll pas quand je glisse l'image
Probleme d'edition d'image dans DjangoEnvoi image sur blog impossible
Aligner le background au milieu de l'imageun problème de lien php dans le html
Affichage d'une image en infobulle au survol d'un lien (hover)HTML Select et OnClick() ne fonctionne pas sur Safari
Plus de sujets relatifs à : Insertion image en html depuis mon ordi


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)