Forum du club des développeurs et IT Pro - Balisage (X)HTML et validation W3C https://www.developpez.net/forums/ fr Tue, 14 Apr 2026 17:40:55 GMT vBulletin 15 https://forum.developpez.be/images/misc/rss.png Forum du club des développeurs et IT Pro - Balisage (X)HTML et validation W3C https://www.developpez.net/forums/ Sauter un numéro dans une liste numérotée https://www.developpez.net/forums/showthread.php?t=2182811&goto=newpost Sun, 22 Mar 2026 12:54:59 GMT Bonjour
j'ai une liste numéroté <ol> mais je voudrais parfois qu'un <li> ne porte pas de numéro (c'est une sorte de sous-titre intermédiaire). Comme je ne connais pas le numéro qui précède la coupure je ne peux pas utiliser start= ou value=
J'ai bien tenté value="" mais évidemment ça ne fonctionne pas.

Quelqu'un saurait-il comment s'y prendre ?
Merci ]]> Balisage (X)HTML et validation W3C noradan https://www.developpez.net/forums/d2182811/webmasters-developpement-web/balisage-x-html-validation-w3c/sauter-numero-liste-numerotee/ Police interne au site https://www.developpez.net/forums/showthread.php?t=2181984&goto=newpost Sat, 07 Feb 2026 18:51:20 GMT Bonjour, j'utilise un code PHP HTML CSS pour afficher un liste de police sur une page web; je voudrais que les texte affiche chaque police, mais cela reste la police par défaut, si quelqu'un pourrais me dire ce qui ne va pas ?

Code:
1
2
3
4
5
6
7
8
9
10
11
12
<?php 
 
$directories = glob(getcwd()."{/*.OTF,/*.otf}",GLOB_BRACE);
foreach ($directories as $dir) 
{ 
$dir_2 = str_replace('/home/johokbq/www/FONTS_JHK/', '', $dir);
$dir_3 = str_replace('.otf', '', $dir_2);
         echo '<div style="font-family: \''.$dir_3.'\'; src: url(\''.$dir_2.'\') format(\'otf\'); font-display: auto; font-size:25px;">'.$dir_3.'</div><br>';
         echo '<input type="text" value="JOHOK LA BRANCHE TORDUE" style="font-family: \''.$dir_3.'\'; src: url(\''.$dir_2.'\'); font-display: auto; "/></input><br><br>';                
} 
  
?>
]]> Balisage (X)HTML et validation W3C Kojoh https://www.developpez.net/forums/d2181984/webmasters-developpement-web/balisage-x-html-validation-w3c/police-interne-site/ <![CDATA[Cadre <iframe> qui ne marche pas correctement]]> https://www.developpez.net/forums/showthread.php?t=2181298&goto=newpost Sun, 04 Jan 2026 14:50:28 GMT Bonjour, Je suis en train... Bonjour,

Je suis en train de créer ma page web et pour cela, je dois afficher un cadre <iframe>, mais dès que ce dernier est chargé, quelque chose me redirige vers la page de l'<iframe>…
Je ne sais pas si cela est une erreur "classique" ou un paramètre mal paramétré, mais j'aimerais bien régler ce problème.

Voici mon code pour le moment :

Index.html :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE HTML PUPLIQUE >
<HTML lang='fr'>
    <HEAD>
        <title>Index.html</title>
        <link rel="stylesheet" type="text/css" href="style.css">
        <link rel="icon" href="img/Logo_1-1.jpg">
    </HEAD>
 
    <body>
        <div id="fondgris">
            <div id="bodypopup">
                <center>
                    <H2>Utilidation des cookies</H2><br>
                </center>
                <iframe id="cookie" src="text.html" height="10" width="10">ceci est le text dans le cadre</iframe>
            </div>
        </div>
        <!-- site -->
Text.html :
Code:
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>text.htm</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <!-- long text-->
</body>
</html>
style.css :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
/* body */
 
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 10000;
 
}
 
/* ids */
 
#menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background:url(img/bg_menu.gif) no-repeat;
    background-position:center;
    height: 40;
    width: 100%;
    text-align: center ;
    background-size: 100%;
    padding-top: 5;
}
 
#fondgris {
    background: #00000080;
    position: fixed;
    top: 0;
    left: 0;
    z-index:100;
    width: 100%;
    height: 100%;
}
 
#bodypopup {
    position: fixed;
    top: 2%;
    left: 5%;
    right: 5%;
    bottom: 5%;
    padding: 5;
    background: #ffffff;
}
 
/* styles */
 
.text {
    padding: 5;
}
]]> Balisage (X)HTML et validation W3C Elliot2.0 https://www.developpez.net/forums/d2181298/webmasters-developpement-web/balisage-x-html-validation-w3c/cadre-iframe-ne-marche-correctement/ <![CDATA[Ouverture d'un popup d'avertissement]]> https://www.developpez.net/forums/showthread.php?t=2180364&goto=newpost Sun, 09 Nov 2025 13:47:09 GMT bonjour
j'ai un lien sur ma page et j'aimerais qu'au clic s'ouvre un popup ou quelque chose de ce genre avec un avertissement, puis que cette "chose" cède la main au lien après quelques secondes.

Je n'ai pas la moindre idée de la façon dont ça peut se faire.
Merci pour toute indication ]]> Balisage (X)HTML et validation W3C noradan https://www.developpez.net/forums/d2180364/webmasters-developpement-web/balisage-x-html-validation-w3c/ouverture-d-popup-d-avertissement/ les meta sont-ils utiles ? https://www.developpez.net/forums/showthread.php?t=2180067&goto=newpost Fri, 24 Oct 2025 11:15:48 GMT Bonjour
jusqu'à présent mon entête de fichier était faite de copier/coller. j'essaie de nettoyer tout ça.
les meta suivants sont-ils utiles ?
Code:
1
2
3
4
 <meta http-equiv="Content-Type" content="text/html;charset=windows-1252">
<meta name="viewport" content="width=device-width, initial-scale=1">
<html data-ember-extension="1" xmlns="http://www.w3.org/1999/xhtml"
xml:lang="fr" lang="en">
Evidemment qu'il servent à quelque chose sinon il n'existeraient pas mais que font-ils exactement ?
Dois-je les garder absolument ?

Je précise que mes fichiers commencent par
Code:
1
2
3
 <!DOCTYPE html>
<html lang="fr" lang="en">
<head>
Merci ]]> Balisage (X)HTML et validation W3C noradan https://www.developpez.net/forums/d2180067/webmasters-developpement-web/balisage-x-html-validation-w3c/meta-utiles/ Ajuster un template de facture HTML/CSS pour impression A4 avec marge d’en-tête de 10 cm https://www.developpez.net/forums/showthread.php?t=2179977&goto=newpost Mon, 20 Oct 2025 13:00:08 GMT Salut tout le monde, ... Salut tout le monde,

J’essaie d'ajuster mon template pour que ça tienne sur un a4 et laisser 10 cm d'espace pour mon papier entête . je vous envoi mon code. je serai heureux que vous me disiez ce qui cloche.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Facture N° {{ facture.numero_facture }}</title>
    <scriptsrc="https://cdn.tailwindcss.com"></script>
 
    <style>
/* 🚨 MARGES FINALES 10CM HAUT / 5CM BAS GÉRÉES PAR LE NAVIGATEUR/PDF 🚨 */
@page { 
size: A4; 
margin-top: 100mm;   /* 100 mm (10 cm) pour l'en-tête papier */
margin-bottom: 50mm; /* 50 mm (5 cm) pour le pied de page/signature */
margin-left: 15mm; 
margin-right: 15mm; 
        } 
 
html, body { 
height: 100%; 
font-family: 'Inter', sans-serif; 
font-size: 8pt; /* Police de base réduite pour compenser les 10cm perdus */
background-color: white; 
margin: 0;
-webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }
.invoice-container { 
width: 180mm; /* Largeur réduite pour plus de marges latérales */
margin: 0auto; 
padding: 0; 
background-color: white;
overflow: hidden; 
        }
 
.client-box { border: 1pxsolid#ddd; padding: 5px; border-radius: 4px; font-size: 8pt; }
 
table { 
width: 100%; 
border-collapse: collapse; 
margin-top: 8px; 
border-radius: 4px; 
overflow: hidden; 
        }
th, td { 
border: 1pxsolid#e0e0e0; 
padding: 3px6px; 
vertical-align: top;
text-align: left; 
        }
th { 
background-color: #f2f2f2; 
text-transform: uppercase; 
font-size: 8pt;
text-align: center;
        }
.col-designation { width: 55%; text-align: left; }
.col-base { width: 20%; text-align: right; }
.col-montant { width: 25%; text-align: right; }
.total-line { font-weight: bold; background-color: #e0f7fa; }
 
/* Surbrillance pour TOTAL INTERVENTION HT */
.highlight-total { 
background-color: #fff3cd; /* Jaune très clair */
font-weight: bold; 
border-top: 2pxsolid#333; 
border-bottom: 2pxsolid#333; 
        }
 
.totals-summary { 
width: 100%; 
max-width: 300px; 
float: right; 
margin-top: 8px; 
        }
.totals-summaryth, .totals-summarytd { border: none; padding: 4px8px; }
.final-net-payer { font-size: 9pt; font-weight: bold; background-color: #333; color: white; }
 
#montant-en-lettres-display { font-size: 8pt; line-height: 1.2; }
 
@mediaprint {
/* Garantir que les lignes de tableau ne soient pas coupées (si l'espace le permet) */
tr { page-break-inside: avoid!important; } 
.print-controls { display: none!important; }
        }
.clear-both { clear: both; }
.currency { text-align: right; }
 
/* Ajustements pour les tables imbriquées des débours pour la densité */
.invoice-body-inner { font-size: 7pt; }
.invoice-body-innertd { padding: 2px4px; }
</style>
</head>
<body>
 
<!-- Print control (on-screen only; hidden in print by .print-controls) -->
<div class="print-controls" style="text-align:right; margin:8px 0;">
    <button type="button" onclick="window.print()" style="padding:6px 10px; font-size:9pt; cursor:pointer;">Imprimer</button>
</div>
 
<div class="invoice-container">
 
    <div class="grid grid-cols-1 md:grid-cols-2 gap-3 mb-3" style="font-size: 9pt;">
        <div>
            <p class="mb-0"><strong>Facture N° : {{ facture.numero_facture }}</strong></p>
            <p class="mb-0"><strong>Dossier : {{ dossier.numero_dossier }}</strong></p>
            {% if dossier.nature_marchandise %}
            <p class="mb-0"><strong>NATURE.</strong> {{ dossier.nature_marchandise|truncatechars:60 }}</p>
            {% endif %}
        </div>
 
        <div style="text-align:right;">
            <p class="mt-0 mb-2">Douala, le {{ facture.date_facturation|date:"d F Y" }}</p>
            <div class="client-box" style="display:inline-block; text-align:left;">
                <p style="margin:0; font-weight:bold;">Doit :</p>
                <div style="font-weight:bold;">{{ dossier.client }}</div>
                {% if dossier.bp %}<div>BP : {{ dossier.bp }}</div>{% endif %}
                {% if dossier.rccm %}<div>RC. {{ dossier.rccm }}</div>{% endif %}
                {% if dossier.niu %}<div>N° Contribuable : {{ dossier.niu }}</div>{% endif %}
            </div>
        </div>
    </div>
 
    <div class="bg-gray-100 p-2 rounded-lg mb-4" style="font-size: 8pt; line-height: 1.3;">
        <div class="grid grid-cols-2 md:grid-cols-3 gap-2">
            <span><strong>Type Conteneur:</strong> {{ dossier.type_conteneur }}</span>
            <span><strong>Navire ou Vol:</strong> {{ dossier.navire_ou_vol }}</span>
            <span><strong>Poids:</strong> {{ dossier.poids }} KGS</span>
 
            <span><strong>Valeur Imposable:</strong> {{ dossier.valeur_imposable|floatformat:2 }} XOF</span>
            <span><strong>Connaissement/LTA:</strong> {{ dossier.connaissement_ou_lta }}</span>
            <span><strong>N° Déclaration:</strong> {{ dossier.numero_declaration }}</span>
        </div>
    </div>
 
    <table>
        <thead>
            <tr>
                <th class="col-designation">DÉSIGNATION</th>
                <th class="col-base">BASE</th>
                <th class="col-montant">MONTANT</th>
            </tr>
        </thead>
        <tbody id="invoice-body">
            <tr class="bg-gray-50">
                <td colspan="3" class="font-bold" style="padding: 3px 6px;">1. DÉBOURS</td>
            </tr>
 
            <tr>
                <td colspan="3" style="padding:0; border:none;">
                    <table class="invoice-body-inner" style="width:100%; border-collapse:collapse; margin:0;">
                        {% for d in debours_list %}
                        <tr>
                            <td style="border:1px solid #e0e0e0; width:55%;">{{ d.description }}</td>
                            <td style="border:1px solid #e0e0e0; width:20%; text-align:right;">-</td>
                            <td style="border:1px solid #e0e0e0; width:25%; text-align:right;">{{ d.montant_ht|floatformat:2 }}</td>
                        </tr>
                        {% endfor %}
                    </table>
                </td>
            </tr>
 
            <tr class="total-line">
                <td class="col-designation">TOTAL DÉBOURS</td>
                <td class="col-base">-</td>
                <td class="col-montant currency">{{ total_debours|floatformat:2 }}</td>
            </tr>
 
            <tr class="bg-gray-50">
                <td colspan="3" class="font-bold" style="padding: 3px 6px;">2. INTERVENTIONS</td>
            </tr>
 
            <tr>
                <td class="col-designation">COMMISSIONS SUR DÉBOURS {{ taux_commission_debours }}%</td>
                <td class="col-base currency">{{ total_debours|floatformat:2 }}</td>
                <td class="col-montant currency">{{ commission_debours|floatformat:2 }}</td>
            </tr>
            {% if arrondis > 0 %}
            <tr>
                <td class="col-designation">ARRONDIS</td>
                <td class="col-base">-</td>
                <td class="col-montant currency">{{ arrondis|floatformat:2 }}</td> 
            </tr>
            {% endif %}
            <tr>
                <td class="col-designation">FRAIS FIXE DE DOSSIER</td>
                <td class="col-base">-</td>
                <td class="col-montant currency">{{ frais_fixe_dossier|floatformat:2 }}</td> 
            </tr>
            {% if commission_transit > 0 %}
            <tr>
                <td class="col-designation">COMMISSIONS SUR TRANSIT</td>
                <td class="col-base">-</td>
                <td class="col-montant currency">{{ commission_transit|floatformat:2 }}</td> 
            </tr>
            {% endif %}
            <tr>
                <td class="col-designation">HONORAIRE AGRÉER EN DOUANE (HAD)</td>
                <td class="col-base">-</td>
                <td class="col-montant currency">{{ honoraire_had|floatformat:2 }}</td> 
            </tr>
 
            <tr class="highlight-total">
                <td class="col-designation">TOTAL INTERVENTION HT</td>
                <td class="col-base">-</td>
                <td class="col-montant currency">{{ total_interventions_ht|floatformat:2 }}</td> 
            </tr>
 
            <tr>
                <td class="col-designation">TVA {{ taux_tva|floatformat:2 }}% SUR INTERVENTION (hors HAD)</td>
                <td class="col-base currency">{{ base_tva_interventions_hors_had|floatformat:2 }}</td> 
                <td class="col-montant currency">{{ tva_interventions_hors_had|floatformat:2 }}</td> 
            </tr>
            <tr>
                <td class="col-designation">TVA {{ taux_tva|floatformat:2 }}% SUR HAD</td>
                <td class="col-base currency">{{ honoraire_had|floatformat:2 }}</td> 
                <td class="col-montant currency">{{ tva_had|floatformat:2 }}</td> 
            </tr>
 
            <tr class="total-line">
                <td class="col-designation">TOTAL INTERVENTION TTC</td>
                <td class="col-base">-</td>
                <td class="col-montant currency">{{ total_interventions_ttc|floatformat:2 }}</td> 
            </tr>
        </tbody>
    </table>
 
    <div class="totals-summary">
        <table class="w-full">
            <tbody>
 
                <tr><td>TOTAL TTC (DÉBOURS + INTERVENTIONS)</td>
                    <td class="text-right" id="montant-ttc">{{ montant_ttc|floatformat:2 }}</td>
                </tr>
 
                {% if avance_had > 0 %}
                <tr><td>(-) AVANCE HAD</td> <td class="text-right text-red-600">({{ avance_had|floatformat:2 }})</td> </tr>
                {% endif %}
 
                {% if avance_debours > 0 %}
                <tr><td>(-) AVANCE DÉBOURS</td> 
                    <td class="text-right text-red-600">
                        ({{ avance_debours|floatformat:2 }})
                    </td> 
                </tr>
                {% endif %}
 
                {% if tva_had_retenue_source > 0 %}
                <tr><td>(-) TVA HAD RETENUE À LA SOURCE</td> <td class="text-right text-red-600">({{ tva_had_retenue_source|floatformat:2 }})</td> </tr>
                {% endif %}
 
                <tr class="final-net-payer">
                    <td>NET À PAYER</td>
                    <td class="text-right">{{ net_a_payer|floatformat:2 }}</td>
                </tr>
            </tbody>
        </table>
    </div>
 
    <div class="clear-both"></div>
 
    <div style="margin-top:8px;">
        <div style="font-weight:bold; margin-bottom:3px; font-size: 8pt;">ARRÊTÉ LA FACTURE À LA SOMME DE :</div>
        <div id="montant-en-lettres-display">{{ montant_en_lettres|default:""|upper }}</div>
    </div>
 
    <div style="margin-top: 10px; border-top: 1px solid #ccc; padding-top: 5px; font-size: 7pt;">
        </div>
 
 
</div> </body>
</html>
]]> Balisage (X)HTML et validation W3C borain91 https://www.developpez.net/forums/d2179977/webmasters-developpement-web/balisage-x-html-validation-w3c/ajuster-template-facture-html-css-impression-a4-marge-d-tete-10-cm/ <![CDATA[[HTML 5] controle IP sur une page]]> https://www.developpez.net/forums/showthread.php?t=2178650&goto=newpost Sun, 17 Aug 2025 11:06:44 GMT Bonjour, Je suis sur la... Bonjour,

Je suis sur la création d'un site WordPress et j'ai dedans une page en html qui est un logiciel de jeu.
cette page est accessible via un login et mot de passe.

il y a t'il un moyen de contrôler l'IP de celui qui se connecte avec tel login et mot de passe.
le but est de n'autoriser l'accés qu'à deux appareils par login et mot de passe.

Par avance merci pour votre aide.

Daniel ]]> Balisage (X)HTML et validation W3C danval25 https://www.developpez.net/forums/d2178650/webmasters-developpement-web/balisage-x-html-validation-w3c/controle-ip-page/ Créer des accordeons toggle en HTML https://www.developpez.net/forums/showthread.php?t=2178557&goto=newpost Tue, 12 Aug 2025 08:13:44 GMT Je cherche à refaire les... Je cherche à refaire les accordéons de Google pour des pages de Wordpress mais je ne trouve pas d'exemple.

merci de m'aider ou de mes donner le bon forum.

C'est pour moderniser un site associatif que je gère.

Bien cordialement

Merci ]]> Balisage (X)HTML et validation W3C dede tabby https://www.developpez.net/forums/d2178557/webmasters-developpement-web/balisage-x-html-validation-w3c/creer-accordeons-toggle-html/ <![CDATA[Avoir des <br> au lieu des <br/> , est-ce très grave ?]]> https://www.developpez.net/forums/showthread.php?t=2178367&goto=newpost Fri, 01 Aug 2025 07:47:22 GMT bonjour, dans une appli... bonjour,

dans une appli qui génère des textes HTML dans un document normé <!DOCTYPE html>, je vois des fois des balises <BR> et des fois <BR/> pour stipuler les sauts de ligne en mise en page.
est-ce grave d'avoir cette mixité ou bien il faut toujours avoir une constance ?

c'est quoi l'incidence ? des gros bugs ou blocages ou juste des notifications silencieuses côté client-navigateurs ?

merci de votre avis ]]> Balisage (X)HTML et validation W3C clavier12AZQSWX https://www.developpez.net/forums/d2178367/webmasters-developpement-web/balisage-x-html-validation-w3c/br-lieu-br-tres-grave/ <![CDATA[[HTML 5] Bouton de retour en arrière dans un formulaire HTML]]> https://www.developpez.net/forums/showthread.php?t=2177766&goto=newpost Fri, 27 Jun 2025 09:55:29 GMT Bonjour à tous.
J'ai créé un formulaire (version courte ci-dessous) avec un bouton censé revenir d'une ou plusieurs pages en arrière en cas d'erreur.
Code:
1
2
3
4
echo "<form method=\"GET\" action=\"test1.php\">";
echo "<input type=\"submit\" value=\"Modifier\">";
echo " &mdash; <button onclick=\"javascript:history.go(-1)\">Retour en arrière</button>";
echo "</form>";
Le problème que je rencontre, c'est que, contrairement au script JavaScript, le bouton "Retour en arrière" ne fait que rafraichir la page.
Que dois-je faire pour résoudre mon erreur ? ]]> Balisage (X)HTML et validation W3C MarcBl https://www.developpez.net/forums/d2177766/webmasters-developpement-web/balisage-x-html-validation-w3c/bouton-retour-arriere-formulaire-html/ formulaire $_GET submit url https://www.developpez.net/forums/showthread.php?t=2177504&goto=newpost Sat, 14 Jun 2025 14:54:48 GMT Bonjour voici mon url: ... Bonjour

voici mon url:

rama.php?dos=Dossier_1&hmax=1200&hmin=600&wmin=400&wmax=800&pics=De_1_à_50

lorsque je clique sur mon bouton submit 'valider' ça me donne l'url là :

rama.php?dos=Dossier_4&hmin=600&hmax=1200&wmin=400&wmax=800&val=Valider

ma page -> oOo

le &pics=De_1_à_50 est remplacer par &val=Valider

je veux avoir les deux ensemble

mon code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
<script> 
  document.cookie = "slidex = " + screen.width + "; SameSite=Strict";
  document.cookie = "slidey = " + screen.height + "; SameSite=Strict"; 
</script>
<!DOCTYPE html>
<html>
<head>
    <link href="css/grid.css" rel="stylesheet" type="text/css" />
    <link href="css/nbr-tof.css" rel="stylesheet" type="text/css" />
    <link href="css/range.css" rel="stylesheet" type="text/css" />
    <link href="css/custom.css" rel="stylesheet" type="text/css" />
    <link href="css/text.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor= "#FFF">
    <div class="block">
        <div style "border 1px solid #CA0000" class="wrapper">
 
    <div style="width:250px; border: 1px solid #000000" class="one">
        <form method="GET" action="rama.php">
<?php
 
 session_start();
 
$pdo = new PDO('mysql:host=IP;dbname=DB', 'ID', '****');
 
$dos = $_GET['dos'];
    $hmin_get = $_GET['hmin'];
    $hmax_get = $_GET['hmax'];
    $wmin_get = $_GET['wmin'];
    $wmax_get = $_GET['wmax'];
 
    $sql_count = 'SELECT COUNT(name_tof) AS new_tof FROM demo WHERE dos_tof = :dos_tof';
    $count_less = $pdo->prepare($sql_count); 
    $count_less->execute(array('dos_tof' => $dos)); 
    $count_tof = $count_less->fetch();
    $nbr_tof = $count_tof['new_tof']; 
 
    $mult = ceil($nbr_tof/50)-1;                        
if (isset($_GET['pics'])) {
    $values = explode("_", $_GET['pics']);
        $lot1 = $values[1];
        $lot3 = $values[3];
}
if (isset($_GET['reset'])) {
        if ($mult == 0) { 
                $lot1= 1; 
                $lot3 = $nbr_tof;
} 
if ($mult >= 1) { 
                $lot1= 1; 
                $lot3 = 50;
}  
}
if (!isset($_GET['pics'])) {
                if ($mult == 0) { 
                $lot1= 1; 
                $lot3 = $nbr_tof;
} 
if ($mult == 1) { 
                $lot1= 1; 
                $lot3 = 50;
}
if ($mult >= 1) { 
                $lot1= 1; 
                $lot3 = 50;
}
}
?>
<ul   id="menu-accordeon">
    <li style="width: 250px"><a href="#">Categories</a>
       <ul style="width: 250px; z-index: 1000;">
<?php
 
 
 
        $dir = 'tofs/';
    $fil_dir = scandir($dir);
    $nbr_dir = count($fil_dir);
    $nbr_dir = $nbr_dir-1;
 
  
        for ($t=2; $t<=$nbr_dir; $t++) {
            $str = $fil_dir[$t];
            $order = '_';
            $replace = ' ';
            $fil_com[$t] = str_replace($order, $replace, $str);
 
            echo '<li><a href="rama.php?dos='.$fil_dir[$t].'&hmax='.$hmax_get.'&hmin='.$hmin_get.'&wmin='.$wmin_get.'&wmax='.$wmax_get.'&pics=De_'.$lot1.'_à_'.$lot3.'">'.$fil_com[$t].'</a></li>';
 
           
            }
                        
            echo '<input id="dos" name="dos" type="hidden" value="'.$dos.'">';
                   
?>	 
	 </ul>
   </li>
</ul>
 
<?php
 
    $dir_pics  = $dos;
    $less = "_";
    $dir_done   = " ";
    $dos_one = str_replace($less, $dir_done, $dos);
    
        echo '<span class="vio"><br><br>'.$dos_one.'</span>';   
?>
 
    </div>
 
<?php
        
    $sql_done = 'SELECT min(height), max(height), min(width), max(width), name_tof, dos_tof FROM demo WHERE dos_tof = :dos_tof';
    $sth_less = $pdo->prepare($sql_done); 
    $sth_less->execute(array('dos_tof' => $dos)); 
    $done_pics = $sth_less->fetch();
    $nbr_tof = $sth_less -> rowCount();
  
    $heightmin = $done_pics['min(height)'];
    $heightmax  = $done_pics['max(height)'];
    $widthmin = $done_pics['min(width)'];
    $widthmax = $done_pics['max(width)'];        
 
    if (isset($_GET['reset'])) {
        $heightmin = $done_pics['min(height)'];
        $heightmax  = $done_pics['max(height)'];
        $widthmin = $done_pics['min(width)'];
        $widthmax = $done_pics['max(width)'];    
 
        }
        
?>
	<div style="border: 1px solid #000000"  class="boxcenter two"> 
    	<span class="gris9">hauteur comprise entre
        <input type="range" class="custom-slider custom-slider-bullet" name="hmin" id="hmin"
	    value="<?php  if (isset($_GET['reset'])) { echo $heightmin; } else { echo $hmin_get; }; ?>"
	    min="<?php echo $heightmin ?>"
	    max="<?php echo $heightmax ?>" 
	    oninput="this.nextElementSibling.textContent = this.value"/>
        <output><?php echo  $hmin_get ?>
		</output><br>
 
        et<br>
 
	    <input type="range"  class="custom-slider custom-slider-bullet" name="hmax" id="hmax" 
	    value="<?php  if (isset($_GET['reset'])) { echo $heightmax; } else { echo $hmax_get; }; ?>"
	    min="<?php echo $heightmin; ?>"
	    max="<?php echo $heightmax; ?>" 
	    oninput="this.nextElementSibling.textContent = this.value"/>
        <output><?php echo $hmax_get  ?>
	    </output>
        </span>
    </div>
    <div style "border: 1px solid #000000" class="boxcenter three"> 
 
	    <span class="gris9">largeur comprise entre
        <input type="range"  class="custom-slider custom-slider-bullet" name="wmin"id="wmin" 
	    value="<?php  if (isset($_GET['reset'])) { echo $widthmin; } else { echo $wmin_get; }; ?>"
	    min="<?php echo $widthmin  ?>"
	    max="<?php echo $widthmax ?>"
	    oninput="this.nextElementSibling.textContent = this.value"/>
        <output><?php echo $wmin_get ?>
	    </output><br>
 
	    et<br>
 
	    <input type="range"  class="custom-slider custom-slider-bullet" name="wmax"id="wmax" 
	    value="<?php  if (isset($_GET['reset'])) { echo $widthmax; } else { echo $wmax_get; }; ?>"
    	min="<?php echo $widthmin  ?>"
	    max="<?php echo $widthmax ?>"
    	oninput="this.nextElementSibling.textContent = this.value"/>
        <output><?php echo $wmax_get ?>
	    </output>  </span>
 
    </div>
    <div style="width: 200px" class="boxthree four"><div>
        <input style="width: 90px; height: 30px; font-size: 15px;" type="submit" name="val" value="Valider" />
        <input style="width: 90px; height: 30px; font-size: 15px;" type="submit" name="reset" value="reset" />
 
 
	</div>
	<div>		
 
<?php
 
    $sql_calc = 'SELECT height, width, name_tof, dos_tof FROM demo WHERE dos_tof = :dos_tof AND height <= :hmax_get AND height >= :hmin_get AND width >= :wmin_get AND width <= :wmax_get';
    $sth_calc = $pdo->prepare($sql_calc); 
    $sth_calc->execute(array('dos_tof' => $dos,
                         'hmax_get' => $hmax_get,
                                                 'hmin_get' =>$hmin_get,
                                                 'wmax_get' => $wmax_get,
                                                 'wmin_get' => $wmin_get
                                                 )); 
    $done_calc = $sth_calc->fetchAll();
    $nbr_tof = $sth_calc -> rowCount();
 
?>
    </div>
	<div>
 
<?php
 
    echo "<br><span class='gris9'>".$nbr_tof." photos dans la base</span>";
    echo " ".$mult;
if ($mult==0) {
        $lot1 = 1;
        $lot3 = $nbr_tof;
        
}
?> <ul   id="menu-accordeon">
     <li style="width: 200px;"><span class="vio"><a href="#">De_<?php echo $lot1; ?>_à_<?php echo $lot3; ?></a></span>
  <ul style="width: 200px; z-index: 1000;">
<?php
if ($mult == 0) {
        $lot1 = 1;
        $lot3 = $nbr_tof;
}
 
if ($mult==1 && $lot3<=$nbr_tof) {
        $lot1 = 51;
        $lot3 = $nbr_tof;
        
echo '<li><a href="rama.php?dos='.$dos.'&hmax='.$hmax_get.'&hmin='.$hmin_get.'&wmin='.$wmin_get.'&wmax='.$wmax_get.'&pics=De_'.$lot1.'_à_'.$lot3.'">De_'.$lot1.'_à_'.$lot3.'</a></li>';
}
$t="";
if ($mult>1) {
                for ($t=1; $t<=$mult; $t++) {
$lot3 = $t*50;
$lot1 = $lot3-49;
echo '<li><a href="rama.php?dos='.$dos.'&hmax='.$hmax_get.'&hmin='.$hmin_get.'&wmin='.$wmin_get.'&wmax='.$wmax_get.'&pics=De_'.$lot1.'_à_'.$lot3.'">De_'.$lot1.'_à_'.$lot3.'</a></li>';
 
}
}
if ($mult>1) {
        $lot3 = $nbr_tof;
        $lot1 = ($t*50)-49;
        echo '<li><a href="rama.php?dos='.$dos.'&hmax='.$hmax_get.'&hmin='.$hmin_get.'&wmin='.$wmin_get.'&wmax='.$wmax_get.'&pics=De_'.$lot1.'_à_'.$lot3.'">De_'.$lot1.'_à_'.$lot3.'</a></li>';
        
        }
?>
 
  </ul>
	 </li>
        </ul>
 
<?php
 
?>	   
 
</div>
 
</div>
<div class="five">
<?php
$l = 1;
$m = 1;
global $data;
 if (isset($_GET['pics'])) {
    $values = explode("_", $_GET['pics']);
        $lot1 = $values[1];
        $lot3 = $values[3];
}
$l = 1;
foreach ($done_calc as $done_file) {
 $data[$l]['dim'] = array($done_file['height'],  $done_file['width']);
   $data[$l]['dos'] = $dos;
    $data[$l]['name_tof'] = $done_file['name_tof'];
    $data[$l]['lot'] = array($lot1, $lot3);
        $data[$l]['nbr_tof'] = $nbr_tof;
     $data[$l]['select'] = $l;
$l++;
        }       
 
$_SESSION['data'] = $data;
        
  
     
if ($mult==0) {
        $lot1 = 1;
        $lot3 = $nbr_tof;
}
echo $lot1.' '.$lot3."<br>";
for($i=$lot1; $i<=$lot3; $i++) {
 
$_SESSION['data' ][$i]['lot'][0] = $lot1;
$_SESSION['data'][$i]['lot'][1] = $lot3;
//echo $data[$i]['name_tof'];
  echo $_SESSION['data'][$i]['select'].' '.$_SESSION['data'][$i]['name_tof'].' '.$_SESSION['data'][$i]['dos'].'<br>';
}
 
 
//echo '<a href="/test/transmit.php">transmit</a>'
//print_r($_SESSION['data'][1]['lot'][0]);
 
?>
</div>
</form>
 </div>  
 </div>
 
</body>
</html>
comment faire ? ]]> Balisage (X)HTML et validation W3C zool.bzh https://www.developpez.net/forums/d2177504/webmasters-developpement-web/balisage-x-html-validation-w3c/formulaire-_get-submit-url/ <![CDATA[HTML5 Audio tag "exclusif"]]> https://www.developpez.net/forums/showthread.php?t=2176617&goto=newpost Mon, 05 May 2025 07:49:50 GMT Bonjour. Dans une page Web en... Bonjour. Dans une page Web en HTML5, j'ai plusieurs audio tags associés à différents boutons pour jouer divers fichiers mp3.
Comment faire pour bloquer ou mettre en file d'attente les fichiers audio lorsque l'utilisateur appuie sur un bouton alors qu'un fichier audio précédent est en cours de jeu et n'est pas terminé ? Dans mon projet actuellement, les fichiers audio se superposent et ce n'est pas top ! ]]> Balisage (X)HTML et validation W3C f6dqm1 https://www.developpez.net/forums/d2176617/webmasters-developpement-web/balisage-x-html-validation-w3c/html5-audio-tag-exclusif/