Modification dynamique du contenu de la balise div

Question

J'ai créé une page html qui comprend une section div dans l'étiquette body. Comment puis-je modifier le contenu des divs internes en fonction d'un événement dans un autre dans winform vb.net (par exemple: quand un bouton est enfoncé)?

<div id="magazine"> 
    <div style="background-image:url(pages/01.jpg);"></div> 
    <div style="background-image:url(pages/02.jpg);"></div> 
    <div style="background-image:url(pages/03.jpg);"></div> 
    <div style="background-image:url(pages/04.jpg);"></div> 
    <div style="background-image:url(pages/05.jpg);"></div> 
    <div style="background-image:url(pages/06.jpg);"></div> 
    <div style="background-image:url(pages/07.jpg);"></div> 
    <div style="background-image:url(pages/08.jpg);"></div> 
</div> 

Supposons que je veux le remplacer par

<div id="magazine"> 
<div style="background-image:url(pages/01.jpg);"></div> 
<div style="background-image:url(pages/02.jpg);"></div> 
<div style="background-image:url(pages/03.jpg);"></div> 
<div style="background-image:url(pages/04.jpg);"></div> 
</div> 

Answer 1

En général, un exemple de code ou quelque chose de similaire est utile pour expliquer les problèmes et les solutions. ;)

Si vous cherchez comment réagir sur différents navigateurs, vous trouverez de très bons articles avec le mot clé 'reniflage de navigateur'. Vérifiez wikipedia aussi! Notez qu'il y a beaucoup d'approches différentes dans css et javascript.

Answer 2

Vous auriez besoin d'un lien et une redirection ou javascript sur pratiquement tout type d'élément.

Un peu plus de détails aiderait avec une réponse plus détaillée.

Bonté,

Dam

Answer 3

utilisation de javascript. Définissez un identifiant sur la div que vous voulez modifier et sur celui que vous voulez copier (?), Définissez un gestionnaire d'événement onClick pour votre bouton, et dans la fonction appelée, récupérez les divs (avec document.getElementById), et utilisez le méthode innerHTML de chacun pour obtenir ou définir le code HTML pour la div.

Answer 4

Vous pouvez utiliser JavaScript pour cela, je vais vous donner un exemple jQuery que je suis habitué:

balisage HTML:

<div id="section1"> 
    <p>CONTENT</p> 
</div> 
<div id="section2"> 
    <p>CONTENT</p> 
</div> 
<div id="section3"> 
    <p>CONTENT</p> 
</div> 
<div id="section4"> 
    <p>CONTENT</p> 
</div> 
<ul id="change-buttons"> 
    <li><a href="#" id="change1">Change content of 1st section</a></li> 
    <li><a href="#" id="change2">Change content of 2nd section</a></li> 
    <li><a href="#" id="change3">Change content of 3rd section</a></li> 
    <li><a href="#" id="change4">Change content of 4th section</a></li> 
</ul> 

Et voici un javascript:

$(document).ready(function() { 
    $('#change-buttons a').click(function() { 
     var num = $(this).attr('id'); 
     num = num.substr(-1); 
     $('#section' + num).text('NEW CONTENT'); 
    }); 
}); 

Bien sûr, vous devez inclure le jQuery dans la section d'en-tête de votre html:

<script type="text/javascript" src="/path/to/jquery/jquery.min.js"></script> 

Ceci est juste un exemple général, si vous étiez plus précis, je vous donnerais des conseils plus spécifiques.