FORUMS PROFESSIONNELS
WINDEV
,
WEBDEV
et
WINDEV Mobile
Accueil
|
Messages récents
|
Connexion
|
Déconnexion
|
Français
Accueil
→
WEBDEV 2024
→
Mes champs ne s'actualisent pas
Mes champs ne s'actualisent pas
Débuté par Monsieur AURAY-LORIVAL, 14 juil. 2019 11:05 - 1 réponse
Connectez-vous…
Monsieur AURAY-LORIVAL
#1
Membre enregistré
64 messages
Popularité : -1 (1 vote)
Posté le 14 juillet 2019 - 11:05
Bonjour,
J'ai un soucis au niveau de mes champs composant web composés d'HTML, CSS et JS.
J'ai deux div dans mon HTML:
<
nav class
=
"tabs"
>
<
div class
=
"selector"
>
<
/
div
>
<
a href
=
"#"
class
=
"is_on"
>
pos 1
<
/a>
<
a href
=
"#"
>
pos 2
<
/a>
<
/
nav
>
le code JS du champs:
var tabs = $('.tabs');
var selector = $('.tabs').find('a').length;
var activeItem = tabs.find('.is_on');
var activeWidth = activeItem.innerWidth();
$(".selector").css({
"left": activeItem.position().left + "px",
"width": activeWidth + "px"
});
Ça marche très bien à l'init.
Par contre dans mon code je change le code HTML de mon champs pour mettre la classe is_on sur pos2 et la mon code JS n'est pas exécuté du coup j'ai bien le changement de classe mais mon css n'est plus bon.
Comment rafraîchir mon CSS via le JS après changement de mon code HTML?
Merci à vous,
Message modifié, 14 juillet 2019 - 11:05
Signaler
0
0
Dav.
#2
Membre enregistré
102 messages
Popularité : +4 (4 votes)
Posté le 15 juillet 2019 - 08:53
Bonjour,
Pourquoi ne pas simplement mettre ce code JS dans une fonction appelée à l'init et ensuite ?:
function changer(){
var tabs = $('.tabs');
...
}
changer();
Signaler
0
0
→ Revenir à WEBDEV 2024
WINDEV 2024
WEBDEV 2024
WINDEV Mobile 2024
WINDEV (précédentes versions)
WEBDEV (précédentes versions)
WINDEV Mobile (précédentes versions)
Etats & Requêtes
Hors-sujet
Outils
Français
English
Español
Portuguesa
Fermer cette fenêtre
Type de recherche
Uniquement les sujets
Tous les messages
Période de recherche
Date indifférente
Moins d'une heure
Moins de 24 heures
Moins d'une semaine
Moins d'un mois
Moins d'un an
Annuler
Aperçu de votre message
Ajouter une image
Importer une image depuis une URL
Envoyer une image depuis un fichier de votre disque
Déposez ici un fichier ou cliquez sur "Parcourir..."
ou
Annuler
0%
WLangage
SQL
XML, HTML
JAVA, Javascript
Texte