Pagina 1 di 1

Conflitto di jquery ui (accordion e tabs) nel template

MessaggioInviato: 19 novembre 2009, 16:57
da arunka
sto provando a fare un template utilizzando tab e accordion di jquery ui all'indirizzo http://picciupicciu.iobloggo.com/
come si puoi vedere, con i tab non ho problemi mentre con gli accordion ho uno scalino sull'elemento aperto.

la colpa di questo scalino è dovuta al file dialog.css che viene messo dalla piattaforma in ogni blog.. penso che sia anche dovuto all'ultima riga del dialog.css che impone un margine di 5px per i div della classe ui-accordion.

a che serve questo dialog.css? c'è un modo per toglierlo/aggirarlo? Ho provato con !important ma mi fa scoppiare l'accordion.

Suggerimenti?
Grazie :D

Re: Conflitto di jquery ui (accordion e tabs) nel template

MessaggioInviato: 20 novembre 2009, 0:59
da arunka
Ho anche un altro problema: dentro l'accordion mi si separa il testo dal link.
per fare un esempio, invece di vedere nei post
[mod] [del]

vedo

[][] moddel

tutti questi problemi spariscono se in locale elimino <link href="http://static.iobloggo.com/static/css/dialog.css" rel="stylesheet" type="text/css">
Come posso raggirarlo?

Re: Conflitto di jquery ui (accordion e tabs) nel template

MessaggioInviato: 20 novembre 2009, 10:18
da anija
Il dialog.css serve, non è lì per caso ;)
Credo che per aggirarlo ti sia sufficiente, invece che cercare di assegnare un css alla classe "ui-accordion", assegnarglielo in questo modo:
Codice: Seleziona tutto
#mioaccordion .ui-accordion {}

mettendo quindi dentro a un div con un id preciso il tuo codice, in modo da differenziarlo.
Credo :D

Re: Conflitto di jquery ui (accordion e tabs) nel template

MessaggioInviato: 20 novembre 2009, 13:38
da Lotti
si potrebbe sapere perchè nel dialog c'è l'imposizione diretta ai tag e non tramite classi e id? :)

Re: Conflitto di jquery ui (accordion e tabs) nel template

MessaggioInviato: 20 novembre 2009, 13:40
da anija
Veramente nel dialog ci sono solo riferimenti a classi, non a tag.

Codice: Seleziona tutto
.ui-accordion-header {font-size:11px; padding:5px; margin:0px; width:100%;}
.ui-accordion {list-style-type: none; padding: 0px; margin: 2px 0px 5px 0px;}
.ui-accordion A {text-decoration:none;}
.ui-accordion LI {padding:5px; background-image:none;  border-bottom:2px solid #CCC; margin:0 0 0 -3px;}
.ui-accordion A IMG {border:0px;}
.ui-accordion DIV A {float:right; margin:0px;}
.ui-accordion DIV {margin:5px;}


:) :) :)

Re: Conflitto di jquery ui (accordion e tabs) nel template

MessaggioInviato: 20 novembre 2009, 13:55
da arunka
No, purtroppo il tuo magheggio non funziona.
Sono comunque riuscita a contenere il danno copiando il tuo accordion e mettendo qualche !important qua e la. Restano un paio di pixel che sbordano ma per ora mi accontento.

Re: Conflitto di jquery ui (accordion e tabs) nel template

MessaggioInviato: 20 novembre 2009, 14:09
da Lotti
.ui-accordion-header {font-size:11px; padding:5px; margin:0px; width:100%;}
.ui-accordion {list-style-type: none; padding: 0px; margin: 2px 0px 5px 0px;}
.ui-accordion A {text-decoration:none;}
.ui-accordion LI {padding:5px; background-image:none; border-bottom:2px solid #CCC; margin:0 0 0 -3px;}
.ui-accordion A IMG {border:0px;}
.ui-accordion DIV A {float:right; margin:0px;}
.ui-accordion DIV {margin:5px;}


non vorrei sbagliarmi, visto che di css conosco veramente poco, ma questi sono tag appartenenti ad una classe...

se conosci un modo per poter cambiare in modo facile "ui-accordion" in un altra cosa, saremo a cavallo.

Re: Conflitto di jquery ui (accordion e tabs) nel template

MessaggioInviato: 20 novembre 2009, 15:13
da anija
ui-accordion è la classe generata automaticamente dallo script, altrimenti sarebbe facile cambiarlo anche nel vostro codice.
I riferimenti ai tag discendono comunque dalla classe ... ed è così che funzionano i css.
Inoltre, quel css è quello standard di jquery.

Re: Conflitto di jquery ui (accordion e tabs) nel template

MessaggioInviato: 20 novembre 2009, 15:26
da Lotti
infatti.. hai impostato dei tag che fanno riferimento alla classe generata dallo script.. quindi chiunque userà mai un accordion o un dialog si becca le cose impostate nel dialog.css.. che non può essere quello di default del jquery perchè l'accordion si vede male.

tant'è che l'accordion che usi tu per "--archivio+counter--" non è quello standard che si vede nelle demo del jquery. dovresti aggiungere una classe ad ogni singolo tag che usi nel tuo accordion e sistemare il dialog.css di conseguenza.

ma non ti preoccupare, perchè ho cambiato la funzione del jquery per funzionare con una classe diversa da quella standard e quindi il problema grafico è risolto.

Re: Conflitto di jquery ui (accordion e tabs) nel template

MessaggioInviato: 20 novembre 2009, 15:31
da anija
Lotti ha scritto:tant'è che l'accordion che usi tu per "--archivio+counter--" non è quello standard che si vede nelle demo del jquery. dovresti aggiungere una classe ad ogni singolo tag che usi nel tuo accordion e sistemare il dialog.css di conseguenza.


Non uso nessun accordion per quel --archivio+counter--.
Ma se vuoi puoi scrivermi tu il codice php e lo metto su! ;)

Re: Conflitto di jquery ui (accordion e tabs) nel template

MessaggioInviato: 20 novembre 2009, 15:36
da Lotti
hai ragione, ho fatto male la ricerca nel codice e ho visto il mio stesso accordion :P

che codice ti devo scrivere? te lo scrivo..

Re: Conflitto di jquery ui (accordion e tabs) nel template

MessaggioInviato: 20 novembre 2009, 15:37
da anija
arunka ha scritto:No, purtroppo il tuo magheggio non funziona.
Sono comunque riuscita a contenere il danno copiando il tuo accordion e mettendo qualche !important qua e la. Restano un paio di pixel che sbordano ma per ora mi accontento.


Io però ora nel blog non vedo nessun codice generato con classe "ui-accordion"...

Re: Conflitto di jquery ui (accordion e tabs) nel template

MessaggioInviato: 20 novembre 2009, 15:39
da anija
Lotti ha scritto:hai ragione, ho fatto male la ricerca nel codice e ho visto il mio stesso accordion :P

che codice ti devo scrivere? te lo scrivo..


Non lo so, io, sei tu che mi stai dicendo cosa cambiare e dove cambiarlo e perché cambiarlo ;)

Comunque sia, non posso cambiare il css dell'intera piattaforma per fixare UN problema di UN blog. E' più sensato, oggettivamente, che sia il blog a fixare il problema. Come mi pare sia stato fatto (come dicevo, la classe dell'accordion ora è diversa da "ui-accordion", è "ui-mineaccordion")

Re: Conflitto di jquery ui (accordion e tabs) nel template

MessaggioInviato: 20 novembre 2009, 15:56
da Lotti
hai ragione

Re: Conflitto di jquery ui (accordion e tabs) nel template

MessaggioInviato: 20 novembre 2009, 16:10
da arunka
anija ha scritto:
arunka ha scritto:No, purtroppo il tuo magheggio non funziona.
Sono comunque riuscita a contenere il danno copiando il tuo accordion e mettendo qualche !important qua e la. Restano un paio di pixel che sbordano ma per ora mi accontento.


Io però ora nel blog non vedo nessun codice generato con classe "ui-accordion"...


Non so che blog hai visto, prima era caricato in un altro. Comunque abbiamo risolto ed ora l'ho caricato nel mio blog.
Siamo andati a prendere il css generato da JQuery e gli abbiamo cambiato nome. Invece di "accordion" ora ho "mineaccordion" e siamo riusciti ad eliminare il conflitto. Quindi ora è risolto. :D