Tag: css

JQuery et marge: 0 auto

Donc, c'est un problème qui a été posé auparavant, mais j'espère que nous pouvons le reposer: j'utilise jQuery 1.4. Si je définis le style #obj { margin: 0 auto; } Et ensuite faire $('#obj').css('marginLeft'); Le résultat est la valeur calculée en pixels. Existe-t-il un moyen de dire si ces pixels proviennent du calcul auto ou […]

Comment puis-je formater le texte saisi dans un champ de texte HTML comme devise?

J'ai une série de texfields, que je voudrais formater comme monnaie. De préférence, cela se ferait à la volée, mais au moins onblur. Ce que je veux dire par format de devise est de 349507 -> 349 507 $. C'est possible? Je préfère les solutions HTML / CSS / JS, car j'ai besoin de moins […]

Des menus déroulants Web accessibles par clavier

Existe-t-il un moyen de créer des menus déroulants accessibles par clavier sur les sites Web? Notre application Web actuelle a des menus standard, mais cela ralentit beaucoup nos employés de saisie de données (qui sont habitués aux applications de bureau où il existe un menu accessible au clavier et pas besoin d'utiliser une souris). Nous […]

Ajoutez un javascript spécifique à la page ou CSS dans Joomla

Comment inclure un fichier javascript ou CSS uniquement sur un certain article dans Joomla? J'ai un article qui nécessite l'interface utilisateur jQuery et le thème associé. Comme cela n'est pas utilisé sur d'autres pages, je ne le veux que pour cet article particulier. L'ajout des balises <script> et <link rel="stylesheet"> nécessaires dans le HTML de […]

JQuery ajax, attendez avant l'arrivée de l'animation

HTML et CSS: <a href="#">link</a> <img src="http://2.bp.blogspot.com/_OIHTbzY7a8I/TOaiTKLqszI/AAAAAAAAAHM/eb3iiOqxzKg/s640/Auto_Audi_Audi_concept_car_005130_.jpg" /> <div></div> img { display: none; } a { display: block; } JS: $("a").click(function(){ $.ajax({ url: "test.php", contentType: "html", beforeSend: function(){ $("img").fadeIn(600, function(){ $("div").append(" | beforeSend finished | "); }); }, error: function(){ $("div").append(" | error | "); } }); return false }); Le problème est que error […]

Mettre en surbrillance l'élément de menu actif sur le défilement

Je travaille sur une navigation en une page avec jQuery. Ce que je veux, c'est lorsque l'utilisateur défile, le menu en surbrillance sera modifié. Je suis arrivé avec le code suivant: HTML <body class="index m-scene" id="main"> <!– // Start HTML \\ –> <header id="header" class="fixed"> <div class="container_12"> <h1 class="grid_4"> <a href="#" class="logo backtotop"> <img src="images/logo.png" […]

Désactivation du corps élastique iOS scroll & keep native scrolling working

Je travaille actuellement sur une application Web de page unique optimisée pour les périphériques tactiles, principalement iOS. J'ai implémenté le nouveau défilement natif iOS via -webkit-overflow-scrolling: touch; Et tout fonctionne bien, sauf que nous connaissons encore l'effet de rouleau élastique de la pomme sur tout le corps de la page. Cela implique que la page […]

Obtenir la hauteur d'un div

<span style="width:100%" id="learning_menu"><div id="aLM" style="width:100%;height:100%">test | test | test</div></span> Le code ci-dessus est le code HTML actuel que j'ai. Je ferai en sorte que le "div" intérieur se réduise et croise à l'aide de jQuery. Je ne peux pas comprendre comment obtenir la hauteur de la span / div cependant. Je ne vais pas définir […]

Comment supprimer le nom de classe existant et ajouter un nouveau avec jQuery et Cookies?

Comment pouvez-vous supprimer un nom de classe et le remplacer par un nouveau. <style> .red {background-color: #FF0000;} .green{background-color: #00FF00;} .blue {background-color: #0000FF;} </style> <body class="red"> <ul> <li><a href="">red</a></li> <li><a href="">green</a></li> <li><a href="">blue</a></li> </ul> </body> Dans ce cas, lorsque vous cliquez sur rouge ou vert ou bleu, le nom de classe de corps changera en conséquence. […]

Obtenir / Définir les valeurs de la propriété CSS via Javascript: questions

Certaines choses ne me sont pas claires: var myDiv = document.getElementById("myDiv"); var computedStyle = window.getComputedStyle(myDiv); 1) Est-il impossible d'obtenir directement une couleur de bordure globale d'un div s'il n'y a qu'une seule couleur, la même pour chaque côté: computedStyle.getPropertyValue("border-color"); Au lieu de faire: computedStyle.getPropertyValue("border-left-color"); OU computedStyle.getPropertyValue("border-right-color"); OU computedStyle.getPropertyValue("border-top-color"); … 2) Lorsque vous disposez de propriétés […]

JavaScript rend le site Web intelligent, beauté et facile à utiliser.