Tag: dom

Le flou ou le feu mousedown devrait-il d'abord disparaître?

<!doctype html> <body> <input onblur="alert('b');"> <button onmousedown="alert('m');">a</button> </body> Pour une raison quelconque, le flou semble déclencher d'abord sur FF / IE (mais mousedown semble tirer en premier pour Chrome / Safari). Pourtant, lorsque nous modifions le code à ceci: <!doctype html> <body> <input onblur="document.title+='b';"> <button onmousedown="document.title+='m';">a</button> </body> Maintenant, pour une raison quelconque, mousedown semble tirer […]

Comment insérer un élément en position sélectionnée dans un document HTML?

Je souhaite insérer un élément (span, div etc) au poste déterminé par la sélection de texte par l'utilisateur dans le document. J'ai pu obtenir l'élément sur lequel la sélection est effectuée. Mais je ne suis pas en mesure d'obtenir la position exacte où la sélection est effectuée. Par exemple: <span>this is testing string for testing […]

Accéder aux éléments iframe entre domaines en utilisant JavaScript

J'ai un iframe dans ma page html et je souhaite accéder à un certain contenu de la page ouverte dans cet iframe. <table border="1" width="100%" height="100%"> <tr> <td id = "freebase_td"> <iframe id = "freebase_frame" src="http://www.freebase.com/view/en/angelina_jolie" width="100%" height="400px"></iframe> </td> </tr> </table> Dans la source de cette page Web, <h1 id="page-title"> Angelina Jolie </h1> Je souhaite […]

Gestionnaire d'événements JQuery lorsque l'élément sélectionné est chargé

Existe-t-il un gestionnaire d'événements à utiliser dans JQuery lorsqu'un élément de sélection de DOM a fini de charger? C'est ce que je veux atteindre. Il fonctionne avec d'autres événements sauf 'load'. Ce code est chargé dans la tête. $(document).on('load', 'select', function(){ var currentSelectVal = $(this).val(); alert(currentSelectVal); } ); La question a été mal formée plus […]

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 […]

Consolider les éléments de mise en forme DOM empilés – DIV contournable

J'ai un DIV contourné qui est relié / synchronisé à une zone de texte. Le DIV contourné est un bac à sable gratuit pour tous qui créera des éléments de formatage, etc., comme ils sont invoqués. Cependant, cela se produit souvent dans des éléments empilés en désordre. J'aimerais pouvoir nettoyer le code avant que le […]

Toute façon de mélanger du contenu dans plusieurs éléments div

Je suis relativement nouveau sur Javascript et je me demandais s'il y avait un moyen rapide de mélanger du contenu contenu dans plusieurs balises <div> . Par exemple <div id='d1'> <span>alpha</span> <img src='alpha.jpg'> </div> <div id='d2'> <span>beta</span> <img src='beta.jpg'> </div> <div id='d3'> <span>gamma</span> <img src='gamma.jpg'> </div> <button onclick='shuffle_content();'>Shuffle</button> Après avoir cliqué sur le bouton, j'aimerais […]

Onpropertychange pour une zone de texte dans Firefox?

Comment gérer l' onpropertychange pour une zone de texte dans Firefox en utilisant JavaScript? Voici un exemple: var headerBGColorTextBox = document.getElementById('<%= tbHeaderBGColor.ClientID %>'); if (headerBGColorTextBox != null) { headerBGColorTextBox.pluggedElement = document.getElementById('<%= trHeaderBG.ClientID %>'); headerBGColorTextBox.onpropertychange = function() { alert('function called'); if (event.propertyName == 'style.backgroundColor' && event.srcElement.pluggedElement != null) alert(event.propertyName); event.srcElement.pluggedElement.style.backgroundColor = event.srcElement.style.backgroundColor; }; }

Document.location ne change pas la page Web dans IE9?

J'essaie de rediriger vers une page différente dans IE9 (9.0.3). Lorsque j'essaie d'obtenir / set document.location , ou document.location.href , ou window.location / window.location.href , je suis incapable de le faire. Il échoue sans donner d'erreurs. J'ai essayé de vérifier si le document et les objets Windows sont définis, et ils sont, donc je ne […]

Comment interroger le DOM complet pour les éléments correspondant à un style calculé? (En js pur)

Par exemple, je souhaite trouver tous les éléments ayant une position: fixed; style calculé position: fixed; . Comment le faire sans trop charger sur la CPU? Est-ce que iterating every getElementsByTagName('*') et ensuite faire pour la boucle de la seule façon?

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