Problema tabs al richiamo di una funzione

fradamma

Utente Attivo
28 Set 2012
93
0
0
Codice:
<div class="box-content">
	<div class="header">
		<ul class="tab">
			<li><a id="content1" onclick="changeTabMatch(this)" class="active">linkContent1</a></li>
 		        <li><a id="content2" onclick="changeTabMatch(this)" class="">linkContent2</a></li>
		</ul>
	</div>
	<div class="body active" id="content1"><ul class="type"></ul></div>
	<div class="body hidden" id="content2"><ul class="type"></ul></div>
	
</div>

<script>
function changeTabMatch(who) {
	var whoCallId = $(who).attr('id');
	$("div.box-content div.body").removeClass("active");
	$("div.box-content div.body").removeClass("hidden");
	$("div.box-content div.body").addClass("hidden");
	$("div.box-content div.body#"+whoCallId).addClass("active").removeClass("hidden");
}
</script>

Ciao Ragazzi,
ho il seguente problema: all'interno con dei tabs al click sul link si richiama la funzione changeTabMatch(), la quale non fa altro che alternare i due div "content1" e "content2" posti sotto l'header. Il problema è che non riesco ad alternare l'active cliccando sui tab.
Mi spiego meglio: lo switch tra i contenuti (i div.body) me lo fa, la cosa che non accade è il classico cambio di background sui tabs dell'header. Come posso fare? Grazie a tutti
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, in javascript non si può assegnare lo stesso id a più di un elemento e tu assegni sia al tag <a> che al <div> l'id content1
Devi rivedere un pò lo script
 
Discussioni simili
Autore Titolo Forum Risposte Data
F Problema associazione tabs/oggetto array jQuery 17
F problema con i Tabs di una tabella Javascript 4
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
D problema php mysql PHP 1
D problema php mysql PHP 1
M Problema Wi-Fi Linux Linux e Software 0
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
Daniele_Carrara Problema Aperture Mailup Email Marketing 5
F PROBLEMA ACCESSO INSTAGRAM Discussioni Varie 2
R Problema connessione db PHP 7
M problema if PHP 2
G Problema con Get page PHP 4
N Problema passaggio variabili tra pagine PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 0
H problema carrello woocommerce PHP 2
S problema con css bootstrap3 HTML e CSS 4
M .load() problema con caricamenti dinamici di js Javascript 0
M Problema su query JOIN in tre tabelle PHP 0
S Problema esportazione tabelle Mysql in Excel PHP 0
G Problema ------- con Query PHP 1
G Problema con Query PHP 1
M Problema su update di 3 tabelle PHP 1
T problema con select dinamica con jquery Javascript 0
A Problema checkout carrello php PHP 2
R Problema al server Domini 0
A Problema nel passare la variabile PHP 0
G Problema update di un database PHP 0
S Problema con spazi bianchi HTML e CSS 4
E Problema motore di ricerca FULL_TEXT PHP 0
Tommy03 Problema durata cookie PHP 5
A PROBLEMA: insert mysqli con dati Tagsinput Presentati al Forum 0

Discussioni simili