Probleme selection ekement js
Résolu
lwdu76
Messages postés
65
Date d'inscription
Statut
Membre
Dernière intervention
-
lwdu76 Messages postés 65 Date d'inscription Statut Membre Dernière intervention -
lwdu76 Messages postés 65 Date d'inscription Statut Membre Dernière intervention -
bonjour j'essai de selectionner et de changer de place mes element mais je n'y arrive pas
<body>
<header class="site-header">
....
</header>
<main class="site-content">
<div class="content-wrapper">
<article class="product-item product-item-featured">
<figure class="product-image">
<img src="..\assets\img\photo-1442544213729-6a15f1611937.jpg" alt="Kebumen">
</figure>
<h1 class="product-title text-ellipsis">Kebumen, au coeur de l'Indonésie</h1>
<p class="product-category">Indonésie</p>
</article>
<article class="product-item">
<figure class="product-image">
<img src="..\assets\img\photo-1501594907352-04cda38ebc29.jpg" alt="Baie de San francisco">
</figure>
<h1 class="product-title">La baie de San Francisco</h1>
<p class="product-description">Découvrez son pont rouge flamboyant, ses tramways, une baie étincelante
et des rues bordées d'élégantes maisons victoriennes.</p>
<p class="product-category">Amérique du Nord</p>
</article>
const item1 = document.querySelector (".product-item");
const item2 = document.querySelector (".product-item");
document.body.insertBefore (item1, item2);
A voir également:
- Probleme selection ekement js
- Inverser selection excel - Forum Excel
- Js/packed.agent.n ✓ - Forum Virus
- Illustrator cadre de sélection disparu ✓ - Forum Illustrator
- L'indice n'appartient pas à la sélection vba - Forum VB / VBA
- Arrondi js ✓ - Forum Windows
5 réponses
Bonjour
Tu essaies d'insérer l'élément devant lui-même ??
Du moins, c'est ce que ton code essaie de faire...
Tu essaies d'insérer l'élément devant lui-même ??
Du moins, c'est ce que ton code essaie de faire...
lwdu76
Messages postés
65
Date d'inscription
Statut
Membre
Dernière intervention
Je voudrais qu'il déplace les éléments qui se nomme product-item mais je suis novice en js et j'ai pas beaucoup d'idées j'ai regardé la doc des tutos mais rien ne m'est venu comme idée
jordane45
Messages postés
38486
Date d'inscription
Statut
Modérateur
Dernière intervention
4 752
>
lwdu76
Messages postés
65
Date d'inscription
Statut
Membre
Dernière intervention
Tu veux déplacer tes articles où ça ?
Comment je peux les faire bouger avec des addListenerEvent (move x
) ?
) ?
il m'affiche bien tous mes items
Oui, car tu as bien plusieurs articles ....
Donc, maintenant que tu les as dans ta variables .. i lfaut boucler dessus pour les traiter...
et appliquer un "random" sur ta liste pour les mettre dans un ordre aléatoire..
https://www.google.com/search?q=javascript+Randomizing+the+display+order+of+content
const element = document.querySelectorAll("article.product-item");
Function bouge (){
for (element= 0; element < 7; element++) {
element++;
console.log(element);
}
Return bouge();
console.log (bouge());
var random = Math.floor (Math.random() * element.length);
element.hide().eq(random).show();
/*version 2*/
var random = Math.floor (Math.random() * $('.product-item').length);
$('.product-item').hide().eq(random).show();
}
EDIT : Correction des balises de CODE
déjà, pourquoi mélanger du jquery et du "pure" js ?
Ensuite, là tu ne déplaces rien.. tu affiches/masques seulement... toujours au même endroit...
En plus, tu n'as pas mis ton code dans la boucle ... ni même dans ta fonction... donc.. en gros.. ça ne sert à rien..
Tiens.. voila un exemple ( que tu aurais pu trouver en regardant les liens qui se trouvent dans celui que je t'ai donné... )
https://codepen.io/dimayakovlev/pen/VmxOYM
Ensuite, là tu ne déplaces rien.. tu affiches/masques seulement... toujours au même endroit...
En plus, tu n'as pas mis ton code dans la boucle ... ni même dans ta fonction... donc.. en gros.. ça ne sert à rien..
Tiens.. voila un exemple ( que tu aurais pu trouver en regardant les liens qui se trouvent dans celui que je t'ai donné... )
https://codepen.io/dimayakovlev/pen/VmxOYM
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question