Problemi a modificare jquery.tabs()

Discussioni e problematiche su linguaggio Javascript e framework come jQuery e simili.

Moderatori: maurizio, markdesign

Regole del forum
Per scrivere del codice all'interno di ogni post, utilizzare il tag: [syntax=il_linguaggio]codice[/syntax] sostituendo "il_linguaggio" con il linguaggio del codice che dovete inserire, ad esempio: html, css, javascript, php, asp, ecc...

Problemi a modificare jquery.tabs()

Messaggioda webby » lunedì 5 dicembre 2011, 19:55

Buona sera a tutti,
mi trovo a dover modificare un codice non scritto da me.
Pare che questo codice faccia uso di jquery.tabs() per mostrare un semplice slideshow orizzontale di notizie.
Senza postare tutto il codice vi do il link ad una demo che ho caricato su internet.
La modifica che vorrei riuscire a fare è spostare il sotto menu (che si apre se cliccate su "dove siamo") - per intenderci "voce1, Voce2, ....voce 4" in un punto diverso del sito.
Le ho provate tutte ma mi dà sempre errore.
Potreste dirmi, gentilmente, come agire?
Vi ringrazio già da ora.
webby

Avatar utente
 
Messaggi: 61
Iscritto il: domenica 27 giugno 2010, 21:09

Re: Problemi a modificare jquery.tabs()

Messaggioda Caluk » martedì 6 dicembre 2011, 4:10

Vediamo se ho ben capito quello che vuoi fare...

Il sottomenu in questione è indicato nel css con l'ID #brandstabs, e il suo stile lo trovi nel foglio di stile alla linea 193 (così dice firebugs).

Hai provato a modificare l'index della pagina e spostare il div in questione? Da quello che vedo con firebugs la struttura della pagina è la seguente:

Sintassi: html [ Scarica ] [ Nascondi ]
  1. <div id="tabvanilla" class="widget xlt">
  2.  
  3.         <div id="wrapper-header">
  4.             <div id="nav" class="left">
  5.                 <ul class="tabnav">
  6.                 <li class="about"><a class="book demi" href="#about">Chi Siamo</a></li>
  7.                 <li class="brands"><a class="book demi" href="#brands">Dove Siamo</a></li>
  8.                 <li class="contact"><a class="book demi" href="#contact">Contattaci</a></li>                
  9.             </ul>
  10.         </div>
  11.  
  12.        
  13.        
  14.         <div id="about" class="tabdiv">
  15.        
  16.             <div id="reabout">
  17.    
  18.                 <!-- panes -->
  19.                 <div id="aboutpanes">
  20.    
  21.    
  22.                     <!-- wrapper for scrollable items -->
  23.                     <div class="aboutitems">
  24.                                                 <div class="panel">
  25.                                                         <div class="combo">
  26.                                 CONTENUTO
  27.                                                         </div>
  28.  
  29.                                                 </div>                                                         
  30.                     </div>
  31.    
  32.                 </div><!--/panes-->
  33.            
  34.                 <!-- prev nex -->
  35.                
  36.                 <p>
  37.                 <button type="button" class="prev"><img src="images/prev.png" alt="prev" ></button>
  38.                 <button type="button" class="next"><img src="images/next.png" alt="next" ></button>
  39.                 </p>
  40.    
  41.             </div><!--/reabout-->
  42.  
  43.                    
  44.         </div><!--/about-->
  45.        
  46.         <div id="brands" class="tabdiv">
  47.            
  48.                 <div id="rebrands" >
  49.                     <ul id="brandstabs" class="navi">
  50.                     <li><a class="current medium" id="t1" href="#donnaUomo">1.RTW DONNA</a></li>
  51.                     <li><a id="t2" class="medium" href="#accessori">2.ACCESSORI</a></li>
  52.                     <li><a id="t3" class="medium" href="#profumi">3.PROFUMI</a></li>
  53.  
  54.                     <li><a id="t4" class="medium" href="#casa">4.CASA</a></li>
  55.                     </ul>
  56.        
  57.                 <!-- panes -->
  58.                 <div id="brandspanes" >
  59.        
  60.        
  61.                 <!-- wrapper for scrollable items -->
  62.                 <div class="items">
  63.        
  64.                         <!-- 1.RTW DONNA/UOMO -->                      
  65.                         <div class="panel donnaUomo">
  66.                        
  67.                         <div class="combo">
  68.  
  69.                             ALTRO TESTO DONNA/UOMO
  70.                         </div>
  71.                        
  72.                         </div>
  73.                         <!-- 2.ACCESSORI -->           
  74.                         <div class="panel accessori">
  75.                          <div class="combo">
  76.                             PANNELLO ACCESSORI
  77.                         </div>
  78.                         </div>
  79.                         <!-- 3.PROFUMI -->     
  80.                         <div class="panel profumi">
  81.  
  82.                         <div class="combo">
  83.                             PANNELLO PROFUMI
  84.                         </div>
  85.                         </div>
  86.                         <!-- 4.CASA -->
  87.                         <div class="panel casa">
  88.                         <div class="combo">
  89.                             PANNELLO CASA
  90.                         </div>
  91.                         </div>
  92.  
  93.        
  94.                 </div>
  95.        
  96.                 </div>
  97.                
  98.                 <!-- prev nex -->
  99.                
  100.                 <p>
  101.                 <button type="button" class="prev"><img src="images/prev.png" alt="prev" ></button>
  102.                 <button type="button" class="next"><img src="images/next.png" alt="next" ></button>
  103.                 </p>
  104.        
  105.                 </div>
  106.                        
  107.             </div><!--/brands-->        
  108.  
  109.             <div id="contact" class="tabdiv" style="">
  110.  
  111.                 CONTATTACI AL SEGUENTE INDIRIZZO              
  112.                         </div><!--/contact-->
  113.        
  114.         </div>
  115.  
  116.  


Quindi dovresti spostare l'elenco che contiene il menu, ossia questo:

Sintassi: html [ Scarica ] [ Nascondi ]
  1. <ul id="brandstabs" class="navi">
  2.                     <li><a class="current medium" id="t1" href="#donnaUomo">1.RTW DONNA</a></li>
  3.                     <li><a id="t2" class="medium" href="#accessori">2.ACCESSORI</a></li>
  4.                     <li><a id="t3" class="medium" href="#profumi">3.PROFUMI</a></li>
  5.  
  6.                     <li><a id="t4" class="medium" href="#casa">4.CASA</a></li>
  7.                     </ul>
Caluk

Amministratore

Avatar utente
 
Messaggi: 410
Iscritto il: giovedì 4 febbraio 2010, 18:17
Località: Castellana Sicula

Re: Problemi a modificare jquery.tabs()

Messaggioda webby » martedì 6 dicembre 2011, 11:21

Ciao e grazie per la tua risposta.
A parte che mi sono sbagliato col link, nel senso che dovevo aggiungere "index.php" al link che ho postato perchè puntava ad un'altra pagina, ma vabbè.
Avevo già apportato questa modifica ma mi dà subito errore.
Potete vedere un'altra demo, con la modifica effettuata (cioè spostando la div che hai postato), a questa pagina
webby

Avatar utente
 
Messaggi: 61
Iscritto il: domenica 27 giugno 2010, 21:09

Re: Problemi a modificare jquery.tabs()

Messaggioda markdesign » martedì 6 dicembre 2011, 16:18

Penso che il link giusto sia questo: http://thewebcreation.altervista.org/jQueryScrolling/index2.php

Comunque che errore ti viene fuori?
markdesign

Moderatore

Avatar utente
 
Messaggi: 94
Iscritto il: lunedì 14 novembre 2011, 18:37
Località: Pordenone

Re: Problemi a modificare jquery.tabs()

Messaggioda webby » martedì 6 dicembre 2011, 18:32

Hai perfettamente ragione....ho fatto un copia e incolla frettoloso :)
Comunque l'errore puoi vederlo anche tu con firebug (il menu sta sotto in fondo alla pagina).
L'errore è:
e is undefined
[Interrompi per questo errore] a!==g&&b.event.trigger("hash",a)},100)...rn this.bind("history",c)}})(jQuery);


Guardando meglio, ho visto che questo è solo il primo errore.
Cliccando poi più volte, appare questo di errore:
a.attr("href") is undefined

cioè come se no trovasse la div.
webby

Avatar utente
 
Messaggi: 61
Iscritto il: domenica 27 giugno 2010, 21:09


Torna a Javascript



cron