nascondere riga di tabella se valore campo =...

U

User Name

Utente Attivo
17 Mar 2005
42
0
6
ciao a tutti
vorrei un aiuto per un js che nasconda una riga di una tabella se il valore impostato in un menu a tendina è uguale a 1 senza ricaricare la pagina.
come si fa?
grazie!
 
max_400

max_400

Utente Attivo
23 Gen 2009
770
0
16
caltanissetta
max400.forumfree.it
display none display block javascript - css

Onorevole User Name,
forse la posso aiutare io.

Tempo fa avevo fatto qualkosa del genere che però
utilizzava i div.

Grazie ad una funzione javascript è possibile manipolare i css
facendo in modo di visualizzare il div o nasconderlo.

Allo stesso modo potresti provare con la riga della tua tabella
vedi se ci riesci, se le tue abilità professionali te lo consentono.

Codice: 
<html>
<head>

<style>
#div1 {
display: none;
}
#div2 {
display: none;
}
</style>

<script language="javascript">
       function display_block() {
               document.getElementById('div1').style.display = "block";
       }
 function hide_block() {
               document.getElementById('div1').style.display = "none";
       }
//--------------------------------------------------------------------
 function display_block2() {
               document.getElementById('div2').style.display = "block";
       }
 function hide_block2() {
               document.getElementById('div2').style.display = "none";
       }
      
</script>
</head>
<body>

<div align="center">

<div id="div1"  style="width:100px; text-align:justify" align="center">CAPITOLO 1<br>
nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv
nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv
<a href="javascript:hide_block();" style="color:red;">nascondi DIV</a><br>

</div>
<a href="javascript:display_block();">Mostra capitolo 1</a><br>


<div id="div2" style="width:100px; text-align:justify" align="center">CAPITOLO 2<br>
nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv
nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv
<a href="javascript:hide_block2();"><font color=red>nascondi DIV</font></a><br>
</div>

<div align="center">
<a href="javascript:display_block2();">Mostra capitolo 2</a><br>
</div>

</body>
</html>

io intanto mi rosicchio un pezzo di formaggio
mentre il gatto non c'è... ho via libera!

________
rosicchia-formaggio.gif
________

bymax.png
 
Ultima modifica:
max_400

max_400

Utente Attivo
23 Gen 2009
770
0
16
caltanissetta
max400.forumfree.it
Nascondere riga tabella.Css - javascript

e allora shakespeare ci sei riuscito a nascondere la riga della tabella?

io per non lasciare punti interrogativi ????? per altri lettori che stanno leggendo
ho fatto un esempio

http://max400scuola.altervista.org/aaa/asasa.html

non ci fare caso alla zampa, in pratica ho modificato quello script
in base alla tua esigenza nasconde la prima riga della tabella che
ho messo dentro il DIV.
Cliccado su di esso nasconde il contenuto e quindi scompare la riga.

Semplice?

ecco lo script
Codice: 
<html>
<head>

<style>
#div1 {
display: none;
}
#div2 {
display: none;
}
</style>

<script language="javascript">
       function display_block() {
               document.getElementById('div1').style.display = "block";
       }
 function hide_block() {
               document.getElementById('div1').style.display = "none";
       }
//--------------------------------------------------------------------
 function display_block2() {
               document.getElementById('div2').style.display = "block";
       }
 function hide_block2() {
               document.getElementById('div2').style.display = "none";
       }
      
</script>
</head>
<body>

<div align="center">
<table border=1 width=700> 
<tr><td>

<div id="div1"  style="width:100px; text-align:justify" align="center">
<font color=red><b>prima riga</b></font><br>

</div>

</td></tr>

<tr><td>seconda riga</td></tr>
<tr><td>terza riga</td></tr>
<tr><td>quarta riga</td></tr>
<tr><td>
<div align="center">
<a href="javascript:display_block();"><font color=green><b>Mostra Prima Riga</b></a></font> - <a href="javascript:hide_block();" style="color:red;">nascondi Prima Riga</a><br>
</div>
</td></tr>
<tr><td>
<div id="div2" style="width:100px; text-align:justify; cursor:  url(zampa.cur), pointer;" align="center">CAPITOLO 2<br>
nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv
nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv nvmcn vmcnv mcn mcv
<br>
</div>
</td></tr>
<tr><td>
<div align="center" >

<a style="cursor: url(zampa.cur), pointer;" href="javascript:display_block2();">Mostra capitolo 2</a> - <a href="javascript:hide_block2();"><font color=red>nascondi DIV</font></a><br>
</div>
</td></tr>
</table>
</body>
</html>


Per il gatto... il sorcio è ancora vivo
e ti sta beffando...ih ih ih
(vedi foto in basso)
topo.gif
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
M Come nascondere la finestra di dialogo di conferma? HTML e CSS 1
Shyson Nascondere tag title HTML e CSS 2
Cosina Nascondere div di default jQuery 2
L Mysql: Nascondere le pagine dopo una ricerca PHP 1
Alex_70 Nascondere label tab se campo vuoto PHP 2
Shyson [PHP] Nascondere codice PHP 3
Shyson [WordPress] Nascondere email agli spider WordPress 3
V [Javascript] Visualizzare o nascondere div figlio Javascript 4
Shyson [WordPress] Nascondere link del Login WordPress 2
A Javascript Nascondere Div con id numerico dinamico Javascript 18
S [javascript] visualizzare/nascondere div Javascript 3
C Nascondere un div al click di una casella Ajax 1
Shyson [Javascript] Nascondere avviso se utente può registrarsi Javascript 0
jonnino2004 nascondere le proprie visite Google Analytics 1
B APACHE-NASCONDERE DIRECTORY DALL'URL Web Server 0
andrew1975 [Joomla] nascondere lo slider Joomla 1
S [Javascript] Nascondere e rendere visibile un Div cliccando su due link Javascript 2
Marcello.Fiore Nascondere div con jQuery jQuery 7
F Nascondere menù onclick sottovoce jQuery 0
P nascondere div con css inline Javascript 2
Shyson Nascondere codice quando si linka Javascript 10
M Nascondere Video e censurare src in tag <iframe> Quale linguaggio consigliate? Discussioni Varie 0
N Nascondere menu onclick su ancora Javascript 2
V Nascondere prodotti non disponibili in prestashop CMS (Content Management System) 2
L Modo per nascondere una parte variabile di una stringa PHP 0
Licantropo Come nascondere i propri dati su Whois? Hosting 0
L nascondere tastiera ios8 Sviluppo app per iOS 0
G Nascondere cartella con .htaccess PHP 0
N Aiuto con html nascondere i media HTML e CSS 4
N Nascondere cartella sito al pubblico PHP 0
F Nascondere option value Javascript 2
D mostrare nascondere sottomenu Javascript 1
M nascondere la colonna di una tabella in base ad una condizione PHP 8
L funzione per nascondere username PHP 5
M Nascondere url pagina PHP 3
3 iframe e nascondere un div caricato HTML e CSS 5
L Nascondere .htaccess dalla visualizzazione dei file visti da script PHP 5
M Nascondere o Offuscare codice Javascript e Jquey jQuery 2
F Aiuto script per nascondere banner per 24 ore all utente. PHP 7
T nascondere percorso di file da scaricare PHP 3
anton Nascondere indirizzo email agli spambot in un form php PHP 21
S Nascondere nome pagina web dalla barra degli indirizzi HTML e CSS 2
K Nascondere i css3 ai vecchi broswer usando @media HTML e CSS 0
F Nascondere una nuova finestra Javascript 1
L Nascondere l'amministratore del sito PHP 9
Vale2 Nascondere un indirizzo email agli spambot Snippet Javascript 0
Athene Come nascondere i dati della checkbox in php PHP 2
asevenx rendere visibili e nascondere DIV con onlink Javascript 12
S tag per nascondere testo in wordpress WordPress 4
max_400 Nascondere indirizzo o visualiz. un altro oppure Proteggere pagina php ricevente PHP 6

Discussioni simili

Alto Basso