Supprimer des éléments d'une liste par innerHTML en JavaScript

Je suis nouveau ici et je suis coincé dans mon projet...

J'ai besoin d'exclure des éléments à partir d'un panier sur un e-commerce...

Ce chariot est montré à l'intérieur d'une iframe à partir de Fancybox.

Il fonctionne, mais visuellement dans Chrome, elle ne fonctionne pas. Dans Firefox et IE, c'est le travail très bien...

J'ai mes articles en divs nommé comme div_1, div_2, div_3...

<div id="div_1">
   content...
</div>
<div id="div_2>
   content...
</div>
<div id="div_3>
   content...
</div>

Pour faire défiler la page, j'ai mis tout le contenu à l'intérieur d'une div principale avec style.

style="overflow: hidden; width:820px; height:auto;"

Parce que le défilement est contrôlée par l'iframe(auto) et mon div principale y est définie de la valeur de la largeur, et la hauteur est automatique pour s'adapter avec mon contenu...

À l'intérieur de la vrd, j'ai une img à partir de produit, le nom, le prix et un bouton supprimer avec cette JS:-

onClick="removeItem(<%=arrayIndexdiv%>)"

Et la fonction:-

<script>
    function removeItem( itemid ) {
        document.getElementById('div_' + itemid ).innerHTML = "";
    }
</script>

En d'autres termes, la finalité simplement effacer la div, à l'exclusion de la page...

Lors de ma liste itens est plus grand que la taille de l'iframe, le vert de la barre de défilement s'affiche.

Quand je clique sur supprimer, le iten est gonne corretly, dans tous les brownsers, mais dans Chrome, la taille de l'iframe ne pas changer, et j'ai un espace vide au-dessus de tous mes articles, avant le pied de page.

Dans IE et Mozilla c'est ok, l'espace ne s'affiche, mais dans google Chrome, il est là...

Je ne sais pas si je peux mettre ici l'URL à l'aide de plus? Si je peux, s'il vous plaît dites-moi!

Quelqu'un peut m'aider?

Désolé mon anglais!

Merci les GARS!

  • Avez-vous vraiment l' <div_1> au lieu de <div id="div_1">? Veuillez corriger votre question, pour montrer la vraie HTML.
  • Vous aussi vous ne devriez pas utiliser overflow: hidden si vous voulez que cette div être déplacé. Utilisation overflow: scroll à la place.
  • ok, j'ai édité... son correct maintenant, désolé! en passant, j'ai mis overflow: scroll, mais pas de changer quoi que ce soit dans n'importe quel navigateur!
  • Réglage de la innerHTML pour "" ne pas supprimer l'élément, mais seulement de son contenu.
  • je crois que c'est un bug dans Chrome, parce que si je viens de cliquer dans une zone de mon iframe (pas nécessaire de SUPPRIMER) la barre de défilement est redimensionnée pour le plus grand... très étrange!
  • pouvez-vous fournir un violon? comment est-il redimensionnée?
  • pouvez-vous essayer ma page: megastillo.com/teste.asp et cliquez sur parfois dans ADCIONAR AO CARRINHO dans les produits et après en FINALIZAR
  • im en utilisant caché sur mon div principale, parce que le rouleau est par l'iframe... la div principale prend 100% de la hauteur et de l'iframe de contrôle de barre de défilement... si je mets de l'auto, 3 barres de défilement apparaît sur mon iframe. je peux désactiver le défilement de l'iframe, mais je peux faire défiler mes div juste verticaly???

InformationsquelleAutor user2793679 | 2013-09-19
  1. 1

    Je crois que vous vous souhaitez supprimer l'élément de la DOM pas seulement de remplacer le contenu de div.

    La innerHTML propriété définit ou obtient le code HTML de la syntaxe de la description de l'élément de descendants.
    Dans votre cas, vous êtes juste réglage de la div contenu:

    document.getElementById('div_' + itemid ).innerHTML = "";

    Si vous souhaitez supprimer l'élément de DOM:

    function removeItem( itemid ) {
  var element = document.getElementById('div_' + itemid ); //will return element
  element.parentNode.removeChild(element); //will remove the element from DOM
}

    Aussi style="overflow: hidden; width:820px; height:auto;" permet de masquer le débordement div mais ne va pas le faire défiler.

    Si vous le souhaitez pour faire défiler, vous pouvez définir overflow:scroll.

    • je l'ai fait, et travaille, visuellement, comme les autres, de manière que j'ai été en utilisant... mais dans chrome, le problème est toujours là.. parce que si je viens de cliquer dans une zone de mon iframe (pas nécessaire de SUPPRIMER) la barre de défilement est redimensionnée pour le plus grand... très étrange! essayez ma page: megastillo.com/teste.asp et cliquez sur parfois dans ADCIONAR AO CARRINHO dans les produits et après en FINALIZAR
    • Hé, je suis désolé mais je n'ai pas réussi à résoudre votre problème.Parfaitement fonctionne très bien dans chrome ainsi.Essayez de définir overflow:auto.Mais ça ne fait pas un sentiment
    • im en utilisant caché, parce que le rouleau est par l'iframe... la div principale prend 100% de la hauteur et de l'iframe de contrôle de barre de défilement... si je mets de l'auto, 3 barres de défilement apparaît sur mon iframe. je peux désactiver le défilement de l'iframe, mais je peux faire défiler mes div juste verticaly???
    • si vous voulez juste pour faire défiler votre div pour faire défiler verticalement ?
    InformationsquelleAutor Dipak Ingole
  2. 1

    Je crois que votre problème est que depuis les balises div sont les éléments de bloc, ils sont encore en prenant de la place dans le div parent. Comme:

    var element = document.getElementById("div_" + itemid); 
element.parentNode.removeChild(element);

    Aussi, cette action est un peu plus propre en jquery. Vous aimeriez peut-être il pour de plus amples DOM opérations.

    • est-ce intéressant? comme je l'ai dit à l'ami ci-dessus, j'ai oublié de mentionner l'id de divs, mais ils n'existent pas, ici, j'ai oublié. Comment puis-je utiliser votre exemple dans la pratique?
    • il travaille trop, semble plus propre, mais le problème persiste... je crois que c'est un bug dans Chrome, parce que si je viens de cliquer dans une zone de mon iframe (pas nécessaire de SUPPRIMER) la barre de défilement est redimensionnée pour le plus grand... très étrange!
    InformationsquelleAutor Feussy