FOROS PROFESIONALES
WINDEV
,
WEBDEV
y
WINDEV Mobile
Inicio
|
Mensajes recientes
|
Conéctese...
|
Desconectar
|
Español
Inicio
→
WEBDEV 2024
→
Mes champs ne s'actualisent pas
Mes champs ne s'actualisent pas
Iniciado por Monsieur AURAY-LORIVAL, 14,jul. 2019 11:05 - 1 respuesta
Conéctese…
Monsieur AURAY-LORIVAL
#1
Miembro registrado
64 mensajes
Popularité : -1 (1 vote)
Publicado el 14,julio 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,
Mensaje modificado, 14,julio 2019 - 11:05
Informar
0
0
Dav.
#2
Miembro registrado
102 mensajes
Popularité : +4 (4 votes)
Publicado el 15,julio 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();
Informar
0
0
→ Volver a WEBDEV 2024
WINDEV 2024
WEBDEV 2024
WINDEV Mobile 2024
WINDEV (versiones precedentes)
WEBDEV (versiones precedentes)
WINDEV Mobile (versiones precedentes)
Reports & Queries
Irrelevante
Herramientas
Français
English
Español
Portuguesa
Fermer cette fenêtre
Búsqueda Tipo
Sólo temas
Todos los mensajes
Periodo Buscar
Cualquier fecha
Última hora
Última 24 horas
Última semana
Último mes
Último año
Cancelar
Vista previa del mensaje
Añadiendo una imagen
Importar una imagen desde una URL
Enviar una imagen desde un archivo de su disco
Arrastrar un archivo o click en "Examinar..."
o
Cancelar
0%
WLanguage
SQL
XML, HTML
JAVA, Javascript
Texto