?Personnellement, je préfère jouer seul. Il est particulièrement pratique de le faire via Internet https://casinofiables.com/meilleures-machines-a-sous-en-ligne-au-canada/ Je gagne facilement avec cette plate-forme. Il est très simple et pratique, le jeu m’apporte de l’argent bon, le plaisir et la confiance en demain. Le jeu n’est pas aussi effrayant qu’il peut sembler. C’est facile et amusant. Profitez!

Bon l'exemple type est un tchat puisque c'est un petit formulaire
qui via le JavaScript AJAX appel un PHP qui
regarde qui est en ligne
Saisi est mets dans sa base de donnée ta (tes) saisies
se mets a jour dans ces Div si quelqu'un arrive sur le tchat
si il y a un nouveau message !!
En fait c'est enfantin !
Lit ce Topo de moi (tu peux télécharger le PDF et les sources etc...)
tu peux si tu butes me mettre un Message Privé..
https://christele.developpez.com/tutoriels/ajax/ajax-en-clair/

Tu peux voir en test sur un de mes site... en construction pour un de mes fils http://les-astuces-du-web.com/0-web_tchat.php

deep a écrit :
Bonjour,
L'un de mes sites dispose d'un appel css courant

<link rel="stylesheet" href="desktop.css" />

Je cherche un script permettant d'appliquer dynamiquement une autre feuille (mobile.css) pour tous les téléphones.
Detect Mobile Browse a un article mais très mal documenté, je ne comprends pas comment le mettre en oeuvre.
Merci.

Probablement sans JS :

<link rel='stylesheet' media='screen and (min-width: XXXpx) and (max-width: XXXpx)' href='css/mobile.css' />

A positionner dans la section HEAD de la page HTML et dupliquer pour chaque resolution / feuille de style CSS souhaitée.
Bien entendu les XXX de "XXXpx" sont à remplacer par la valeur souhaitée...

Salut,

Alors voilà, j'ai téléchargé tattali/calendar-bundle, j'ai créé toutes mes classes et maintenant, je voudrais créer un filtre d'évènement par rapport à sa section. C'est-à-dire qu'un évènement est lié à une section et donc je voudrais ajouter des checkbox qui seront les différentes sections qui existent et que lorsque je clique sur une section, seuls les évènements de la section devront être affichés sur le calendrier. Je suis allé voir la doc mais je ne comprends pas très bien comment utilser les filtres car je suis débutante.

Merci beaucoup pour votre aide
Modifié par mtetuaoho (19 Feb 2020 - 20:33)

Bonjour à tous et merci de donner l'opportunité de pouvoir poser ses questions.

Je recherche un formulaire de contact tout simple : nom, adresse mail et message.

Actuellement celui en place dans la page contact.php ne fonctionne plus et après avoir contacté mon hébergeur O2switch, celui-ci me dit qu'actuellement j'utilise une fonctionnalité de PHPMail qui peut rencontrer des erreurs d'authentifications vu que je ne bénéficie pas "des spf et dkim de l'hébergement".
Il me dit de modifier ou de remplacer le script utilisé pour passer par nos serveurs SMTP ?

J'ai essayé de faire des changements sans succès.

Existe-t-il un framework tout bête qui réponde à ces exigences.

Merci pour vos réponses

Bonjour, je suis en cours d'apprentissage du PHP, JS et MySQL, et je suis actuellement en train de créer une application en ligne. Pour cela j'aimerai que chaque utilisateurs puisse avoir accès à leur compte, et plus particulièrement à leurs informations perso, qu'ils rentrent, modifient, supprime, en bref, leur tableau de bord....Ils en font ce qu'il veulent. Seulement si je créer des tables "information1", "informations2", "informations3", etc... toutes les informations de tous les utilisateurs seront dans une même table? Je me trompe?
Ce que j'aimerai savoir c'est si il est possible, et si oui, comment s'y prendre, de créer une table "informations1" qui est propre a cet utilisateur, c'est a dire, qu'il y figure seulement ses propres données, et de même pour tout les utilisateurs... En gros, que chaque utilisateur ai "leur propre bdd"
Dites moi si je n'ai pas été clair, je reformulerai
Merci

Jean-Pierre-Bruneau a écrit :
Cela se fait par Ajax couramment, je peux te faire un exemple sur ton problème après tu saura tout seul !

Un exemple oui, je veux bien.

Cela se fait par Ajax couramment, je peux te faire un exemple sur ton problème après tu saura tout seul !

Bonjour, actuellement j'actualise l'envoi d'un formulaire qui me réactualise toute la page, je voudrais qui me réactualise juste une partie de la page, je tiens à préciser que c'est un "chat"
voici le code du formulaire

<form action="chatbox_traitement.php" method="post">
<p> <input class="form" type="text" name="message" id="message" size="80" placeholder="Éditer votre message ici" autofocus autocomplete="off" spellcheck="true"/>
<input type="submit" class="form2" value="Envoyer" /></p></form>

et le code qui traite le formulaire

session_start();

if (empty($_POST['message'] AND strlen(trim($_POST['message'])) > 0 ))
	{
	 header('location: chatbox.php');
	  Exit(); }
else
	{
	require ('require/connet_bdd.php'); //Connexion à la base de données
	// Insertion du message à l'aide d'une requête préparée
	$req = $bdd->prepare('INSERT INTO chat (pseudo, date_post, message) VALUES(?, NOW(), ?)');
	$req->execute(array($_SESSION['pseudo'], $_POST['message']));
	// Redirection du visiteur vers la page du chatbox
	header('Location: chatbox.php');
 Exit();}

Donc il renvoie sur la page en réactualisant toute la page, ce qui peut ralentir la page, je sais qu'on peut juste réactualiser juste une partie de la page en Jquery ou ajax, mais je ne connais pas le code qui pourrait remplacer le

header('Location: chatbox.php')

.
Si vous pouviez m'orienter sur une solution.
Merci.

On est en plein dans les évidences, comme mon menu en mode téléphone, qui apparaît ou disparaît sur un simple clic sans aucun JavaScript donc 100% CSS etc..
Oui nous savons tous faire cela,mais la question posée sembler indiquer autre chose !
Et au passage puisque Hacker j'adores, alors proposer un GET faut oser ...

Merci de l'aide. J'ai pu trouver finalement après un recul

Bonjour

J'aimerais pouvoir faire apparaître et disparaître des divs ainsi que le bouton associé a l'apparition/disparition de la div.
Je vais essayer d'être le plus clair possible.

- Je débute en Javascript et php.
- J'ai cru comprendre que le problème que je rencontre se règle en Javascript.
- Je travaille actuellement sur une page en .php dont l'affichage est dépendant d'un id de session.

Problème n°1
J'aimerais utiliser un bouton de type "START" pour ouvrir une première Div(1).
Je voudrais que ce bouton "START" disparaisse une fois la div ouverte.
Je voudrais qu'un nouveau bouton "SUIVANT(1)" apparaisse une fois le bouton "START" disparu.
Je voudrais que le bouton "SUIVANT(1)" ouvre une seconde Div(2).
Puis que le bouton "SUIVANT(1) disparaisse pour laisser apparaître un bouton "SUIVANT(2)" qui ouvrira une troisième Div(3).
Ainsi de suite.

Problème n°2
J'aimerais qu'en arrivant sur la page une première div(1) soit chargée et qu'en cliquant sur un bouton(1) interne a cette div cela fasse charger une div(2) avec un bouton(2) et ainsi de suite.

Pour le moment j'ai un code qui me permet seulement de cacher/montrer une div avec un bouton qui ne bouge pas.

<script type="text/javascript">
   
	function visible() // Je declare ma fonction avec un id a définir
	{
		var visi = document.getElementByClassName('button').style;

		if ((visi.display == 'block') || (visi.display == '')) // Si l'élément est en display block
		{
			visi.display = 'none'; // exe la fonction hideThis pour le faire devenir un display none
		}
		else
		{
			visi.display = 'block';
		}
	}
</script>

Merci d'avance

Bonjour,
Je suis en classe de première et notre professeur de NSI nous a demandé de faire des recherches pour essayer de créer un code informatique permettant de générer un nombre quelconque d’adresse mail.
J’ai fait des recherche mais j’en n’ai rien trouver et je voulais savoir si un de vous pourrais m’aider ?
Merci d’avance

Bonjour pour injecter une feuille de style dynamiquement en javascript, c'est très facile:

var link = document.createElement("link");
link.type = "text/css";
link.rel = "stylesheet";
link.href = 'mon-super-style.css';
document.head.appendChild(link);

C'est pour détecter le mobile que c'est coton. Il faut utiliser une librairie du genre: http://hgoebl.github.io/mobile-detect.js et la mettre régulièrement à jour, pour la prise en compte des nouveaux modèles et faux/vrais positifs/négatifs

merci je connais media query mais cherche à injecter une autre feuille dynamiquement, je sais que c'est possible

Hello

Pour cela il faut utilisé les Media Queries, te permettant de faire du CSS pour tel ou tel type d'écran (suivant la taille en pixel)

Bonjour,

Voici le CodePen avec quelques modifications : https://codepen.io/Friesstyle/pen/WNvxWyQ

J'ai mis du flex dans ton menu, bien plus pratique que le float. J'ai aussi enlevé des hauteurs/largeurs de tes éléments, du simple padding suffit sur tes liens de menu.

merci pour votre aide

Bonjour,
J'ai récupérer un tutoriel que j'ai adapté à mon site en construction.
Le menu fonctionne correctement sur mon écran de 17'. Je voudrai l'adapter à un écran plus petit, (hors petites tablettes et smartphone que je traiterai par responsive).
Pour le moment si je réduis la taille de mon écran les onglets de droites passent sous ceux de gauche.
quelqu'un peut il m'aider ?
mon code css

/*  LE MENU    */
#menu { width:100%; height:2em; background-color:#000000; margin-right:auto; margin-left:auto; }
#menu a { width:11.2em;  height:2em; font-family:Arial; color:#FFFFFF; font-size:1em; text-align:center; float:left; line-height:2em; text-decoration:none;}
#menu a:hover { color:#FFFF00; background-color:#3C3C3C; }
#menu a:active { color:#d7d7d7; background-color:#f90d38; }
#menu li { position:relative; float:left; background-color:#000000; list-style-type:none; }
#menu ul { margin:0; padding:0; }
#menu ul ul { position:absolute; top:0; display:none; }
#menu ul.niveau1 li.sousmenu:hover ul.niveau2 { font-size:0.9em; display:block; }
#menu ul.niveau2 { left:0.7em; top:2.2em; }

le menu de la page index

	<div id="menu">
			<ul class="niveau1">
				<li><a href="index.php?page=accueil">Accueil</a></li>
				<li><a href="index.php?page=historique">Historique</a></li>
				<li><a href="index.php?page=charte">Charte</a></li>
				<li class="sousmenu"><a href="#">Les rencontres</a>
					<ul class="niveau2">
						<li class="sousmenu"><a href="index.php?page=2019">année 2019</a></li>
						<li><a href="index.php?page=2018">année 2018</a></li>
						<li><a href="index.php?page=2017">année 2017</a></li>
						<li><a href="index.php?page=2016">année 2016</a></li>
						<li><a href="index.php?page=annees_anterieures">années antérieures</a></li>
					</ul>
				</li>
				<li><a href="index.php?page=contact">Contacts</a></li>
				<li class="sousmenu"><a href="">Divers</a>
					<ul class="niveau2">
						<li class="sousmenu"><a href="index.php?page=carte-troissy">Situer Troissy</a></li>
						<li><a href="index.php?page=carte-partenheim">Situer Partenheim</a></li>
						<li><a href="index.php?page=comite">Comité du jumelage</a></li>
						<li><a href="index.php?page=vie_communale">Vie communale</a></li>
						<?php
						if (isset($_SESSION['type'])){ 
						if ($_SESSION['type'] == 'Administration'){
							 ?><li><a href="index.php?page=addmember">Ajouter un membre</a></li>
							   <li><a href="index.php?page=delmember">Retirer un membre</a></li>
							   <li><a href="index.php?page=comodmember">consulter le fichier</a></li>
							   <li><a href="index.php?page=changepasswforget">Mot de passe reçu</a></li>
 						<?php
						}
						}?>
					</ul>
				</li>
			</ul>
	</div>

https://jsfiddle.net/TEP81/sbh83eqk/2/

Hello,

Avec le lien href c'est du GET rien n’empêche d'écrire du SQL derrière.

désolé...après le run du JSFiddle comment partager ?

Oups! pas d'image...

Bon...après plusieurs essais j'ai trouvé (je pense).

J'avais fixé max-width de body à 54 em pour une largeur plus agréable à l'oeil.

J'ai laissé tel quel mais j'ai fixé la largeur de exple à 45% et celle de regle à 50%.

le résultat est moche mais ça fait ce que je veux

Ok je crois que je viens de comprendre, c'est le texte à l'intérieur qui est beaucoup plus long que dans mon test. Du coup c'est le display:inline-block; qu'il faut enlever plutot que le margin je dirais : https://jsfiddle.net/undless/yqfb63vh/3/