Comment cacher un DIV sur une publication en JavaScript
En utilisant une méthode de publication de vos formulaires --- où la même page à la fois contient la forme et la traite --- peut aider à simplifier votre code et de maintenir une interface utilisateur cohérente et l'expérience utilisateur . Dans le cadre du processus de publication, cependant, vous aurez probablement envie de cacher certains éléments de la page , par exemple , vous pourriez vouloir seulement faire le
contenant le formulaire lui-même visible la première fois , en utilisant l'affichage de la publication de la page pour permettre à l' utilisateur de confirmer leur entrée avant de le soumettre une dernière fois . Pour masquer une div lors de la publication , vous utilisez JavaScript , analysé par quelques simples PHP. Instructions 1
Ouvrez le fichier PHP qui contient le formulaire HTML et le code de gestion de la méthodologie de publication. Descendez jusqu'à la
que vous voulez masquer et faire une note de son "id ", ou identifiant unique ( par exemple , "id = " div_to_be_hidden » marque un
avec l'identifiant unique de" div_to_be_hidden " ) . Si le
ne dispose pas actuellement d' un, ajouter un attribut id à la balise . 2
Copiez et collez la ligne de code suivante comme première ligne dans le fichier source de la page web , ce qui rend aucun changement à ce préalable :
Ce code PHP ajoute un peu de JavaScript qui contextuellement vérifier si la page est en affichage initial ou le mode de publication, et de cacher un div spécifié de manière appropriée. 3
Déplacer vers le bas dans le document à la forme actuelle , marquée par le début de " form " et " " des balises de fin . Ajouter un élément d'entrée avec le type «caché », le nom « postback_check " et une valeur identique à l' identifiant de l'
que vous serez caché . Par exemple, si le
a été appelé " div_to_be_hidden , " vous devez ajouter l'entrée suivante au formulaire :
; 4
Ajoutez une brève ligne de code appelant le JavaScript créé dans la fonction PHP sur la première ligne de la page. Vous voulez ajouter cette immédiatement sous la
vous voulez cacher , de sorte que le code sera exécuté après la
est chargé dans la mémoire de la page. Copiez et collez ce code, sans faire de modifications à elle:
; 5
Enregistrez le document et fermez l' éditeur < php echo $ postbackhide ? > . Lorsque vous chargez la forme , la
s'affiche comme normale, lors de la publication , le champ " postback_check " caché déclenchera l' initialisation PHP , en ajoutant le code JavaScript nécessaire pour cacher le
, en utilisant " la style.display " de JavaScript propriétés.
