Come posso nascondere il contenuto di n <div> consecutivi????

Ciao a tutti,
non ho molta dimestichezza con script e php ma ci sto provando con tutto me stesso, vorrei sapere una soluzione per far si che questo codice(che fa il suo dovere solo con 2 <div>) funzioni per n <div> da nascondere:

Codice HTML:

---

    <div id="val1">
    DOCUMENTAZIONE DEL DIV 1 DA NASCONDERE
    <button class="button" onClick="hide1()">
          <img src="http://forum.it.altervista.org/images/delete.png" width="35" height="35">
    </button>
    </div>

    <div id="val2">
    DOCUMENTAZIONE DEL DIV 2 DA NASCONDERE
    <button class="button" onClick="hide2()">
          <img src="http://forum.it.altervista.org/images/delete.png" width="35" height="35">
    </button>
    </div>
           
    <script>
          function hide1(){
          var e=document.getElementById("val1");
              e.style.visibility="hidden";
              e.style.display="none";
          }
          function hide2(){
          var e=document.getElementById("val2");
              e.style.visibility="hidden";
              e.style.display="none";
          }
    </script>

---

integrando un ciclo for o similare che mi permetta di avere solo una function hide e n <div> da nascondere! Ho provato di tutto prima di chiedervi aiuto e sicuramente sono incapace io :lol: però confido nel vostro sapere!

Buon Lavoro a tutti,
BrindStudios!

senza troppe complicazioni basta che sposti l'id tra i parametri della funzione

Codice PHP:

---

function nascondi(chi){
var e=document.getElementById(chi);
e.style.visibility="hidden";
e.style.display="none";
}


---

nei button

Codice HTML:

---

<button class="button" onClick="nascondi('val1')">
<button class="button" onClick="nascondi('val2')">
<button class="button" onClick="nascondi('val3')">

---

FANTASTICO (quanto ho da imparare :oops:) però abbiamo risolto metà del problema :lol: cioè quello di usare solo uno script; ma per poterlo richiamare in diversi <div> consecutivi come posso fare??? ho provato con il ciclo for ma sicuramente sbaglio qualcosa..

qualche idea??
Ho apprezzato davvero tanto l'aiuto grazie ancora!

tutti i div:

Codice:

---

dv = document.getElementsByTagName("div");
for(var i = 0; i < dv.length; i++){
// fai qc
}

---

se poi restringi a quelli che hanno un attributo particolare chiami getAttribute e vedi

Scusa l'ignoranza ma mi risulta di difficile comprensione, il mio livello è sottoterra :cry:
questo è il codice che sto provando con il tuo primo aiuto ma non va con il ciclo for:

Codice PHP:

---

<?php
$tot=10; //a tot passo un valore da file.txt

for($n=1; $n<=$tot; $n++){ ?>

<div id="val<? $n?>">
//DOCUMENTAZIONE DEL DIV "$n" DA NASCONDERE

<button class="button" onClick="hide('val<? $n?>')">
<img src="http://forum.it.altervista.org/delete.png" width="35" height="35">
</button>

</div>
<? }?>

<script>
function hide(val){
var e=document.getElementById("val");
e.style.visibility="hidden";
e.style.display="none";
}
</script>

---

o.O

intendevo sia la tua pagina

demo.html

Codice HTML:

---

<div id = "a1">qualcosa</div>
<div id = "a2">qualcosa</div>
<div id = "a3">qualcosa</div>
<div id = "an">qualcosa</div>

<script>
dv = document.getElementsByTagName("div");
for(var i = 0; i < dv.length; i++){
// fai qc
}
</script>

---

Qualcosa mi sfugge... o non sto capendo o non mi sto spiegando(sicuramente la prima ipotesi)!
Nella pagina ho un ciclo for che tramite la variabile $n mi crea diversi <div> ognuno al suo interno ha un po' di codice iframe, form, altri div e un button, che devono sparire quando premo il button. quando scrivi //fai qc che devo fare? inserire l'altro script per nascondere il <div>??? Sono alle prime armi con gli script scusami ancora, non vorrei recare fastidio!

Citazione:

---

non mi sto spiegando

---

fino al punto 7 :mrgreen:

ok quindi in php vuoi creare $n div con id prefisso$n

in tal caso il codice della 3 risposta va bene, se ogni button nasconde 1 solo div
chiaramente se il button è interno al div da nascondere, sparisce anche lui :mrgreen:

in sostanza

nella pagina:
codice javascript messagio #3

codice php

for ...
echo "<div id = 'miaDiv$n'> ... ... ... <button onClick='nascondi('miaDiv$n')></div>";
oppure con pulsante esterno
echo "<div id = 'miaDiv$n'> ... ... ... </div><button onClick='nascondi('miaDiv$n')>";

Posso suggerirti una soluzione alternativa con jQuery ...

ogni elemento che vuoi nascondere assegnagli una classe (tipo: class="ElementoCheSiPuoEliminare")

quindi ho visto che usi una immagine nel pulsante che esegue la funzione...

in tal caso non si serve il pulsante .. lascia solo l'immagine

quindi con jQuery , ogni immagine dell'elemento con la classe (di cui sopra) a cui viene eseguita l'azione click , nascondi il parent dell'immagine. (piu' facile a farsi che a dirsi..)

DEMO

Codice HTML:

---

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $(".ElementoCheSiPuoEliminare img").click(function(){
  $(this).parent().hide();
  });
});
</script>
<style>
.ElementoCheSiPuoEliminare img{
 cursor:pointer;
}
</style>
</head>
<body>

<div class="ElementoCheSiPuoEliminare">
<h2>contenuto del div 1</h2>
<img src="delete.png" />
</div>
<hr>
<div class="ElementoCheSiPuoEliminare">
<h2>contenuto del div 2</h2>
<img src="delete.png" />
</div>
<hr>
<div class="AltraClasse">
<h2>contenuto del div 3</h2>
<h2>questo div ha una classe diversa</h2>
<h2>quindi non si elimina</h2>
</div>
<hr>
<div class="ElementoCheSiPuoEliminare">
<h2>contenuto del div 4</h2>
<img src="delete.png" />
</div>
<hr>
<div class="ElementoCheSiPuoEliminare">
<h2>contenuto del div 5</h2>
<img src="delete.png" />
</div>

</body>
</html>

---

Ho risolto, stavo sbagliando io nel codice del for, ringrazio per l'aiuto che mi è stato dato quest'oggi, adesso il mio sito inizia a prendere forma GRAZIE!!!:lol: