[RISOLTO] [gdrCD 5.3] Comparsa testo DIV al click postato il nel forum programmazione, gdrcd, grafica e open source e modificato il 02/09/2015 19:10:16 da irenes
Salve!
allora io ho questo script e relativo codice
<script>
$(document).ready(function(){
$(‘#boxContainer>div’).css(‘position’,‘absolute’).not(‘:first’).hide();
$(‘#boxContainer>ul>li>a’).click(function(){
$(‘#boxContainer>div’).fadeOut(1500).filter(this.hash).fadeIn(1500);
return false;
});
}
</script>
<div id="boxContainer">
<ul>
<li><div class="link"><a href="#div1">LinkProva1</a></div></li>
<li><div class="link"><a href="#div2">LinkProva2</a></div></li>
</ul>
<div class = "contenuto" id="div1">PROVA1/div>
<div class = "contenuto" id="div2">PROVA2</div>
</div>
Pagine → 1
25/08/2015 18:52:39
qualcosa così intendi:
https://jsfiddle.net/x2Lob8zp/7/ https://jsfiddle.net/x2Lob8zp/7/
25/08/2015 20:36:27
Esatto Dyrr!
Grazie per la risposta, innanzitutto!
Ho provato ad applicare la soluzione che mi hai proposto ma... non funge : nel div "contenuto" vengono scritte, sovrapposte, sia "prova1" che "prova2"...segno che i div non si "nascondono" :
io non capisco: la pagina su cui lavoro è già inclusa [è della cartella pages], quindi dovrebbe di già richiamare l'header, dove è richiamato, a sua volta, jquery; ho messo lo script a inizio pagina... eppure non va : idee sul perchè e/o possibili soluzioni?
26/08/2015 14:08:33
Se il codice è quello che hai postato c'è scritto:
<div class = "contenuto" id="div1">PROVA1/div>
<div class = "contenuto" id="div2">PROVA2</div>
26/08/2015 15:09:29 e modificato il 26/08/2015 15:09:47 da irenes
Grazie per la risposta! :)
comunque no, qui era un mio banale errore di "trascrizione". Nel codice la "<" c'è eppure non va :
<script type="text/javascript">
$('#boxContainer .content_guida').css('position','absolute').not(':first').hide();
$('#boxContainer ul li a').click(function(){
var target = $(this).attr('href');
return false;
});
</script>
<div class="pagina" id="boxContainer">
...
<ul>
<li><div class="link_back"><a href="#div1">LINK1</a></div></li>
<li><div class="link_back"><a href="#div2">LINK2</a></div></li>
</ul>
...
<div class = "content_guida" id="div1">PROVA1</div>
<div class = "content_guida" id="div2">PROVA2</div>
</div>
26/08/2015 20:56:10
novità: confermo che quel codice, dentro la pagina inclusa non fa.
Se lo metto però nel file corfunction.js [contenente la libreria di base di JS di GDRCD].... tutto funge.
Sapete dirmi perchè? E, soprattutto: può creare problemi/danni se lo lascio lì?
26/08/2015 22:27:23
La pagina è una pagina a cui si può avere accesso esternamenta alla land?, oppure c'è un account con cui entrare e testare?
Te lo chiedo perchè sono curioso di capire quale può esser eil problema.
Eventualmente se non vuoi rendere pubblico il link, mandamelo pure via mp se ti va
26/08/2015 22:56:22
nessun problema Dyrr, anzi... grazie per la disponibilità! :)
appena torno a casa sistemo la situazione come in origine e ti faccio vedere il tutto :)
01/09/2015 00:22:59
Problemino con questo script.
Riprendo quello stesso postato da Dyrr
https://jsfiddle.net/x2Lob8zp/11/
come si può vedere nessun problema a cliccare sul primo e sul secondo link.
A cliccare sul terzo, però, il testo "torna" una seconda volta.
Come mai succede questo?
Chiedo perchè io avrei un alto numero di "link" e la cosa, in sè, è fastidiosa.
02/09/2015 16:35:01
il problema era dovuto alla callback del fadeIN() dopo che il fadeOut dei vari elementi era completato.
https://jsfiddle.net/x2Lob8zp/21/ https://jsfiddle.net/x2Lob8zp/21/
Ho risolto il problema togliendo il fadeIn() dalla callback e inserendolo fuori dal dadeout che probablmente faceva partire il fadeIn() più volte sincronizzandolo ocn la fine del fadeout con un delay() della durata del fadeOut():
Adesso la transazione dovrebbe essere anche più fluida.
02/09/2015 19:10:03
e in effetti funziona benissimo! Grazie mille :)
Pagine → 1
Discussione seguita da:
Non puoi scrivere in questo Forum
Aggiungi Discussione ai Preferiti
Inoltra Discussione
Forum Programmazione, GDRCD, Grafica e Open Source
Torna alla lista Forum
✋😟
Abbiamo rilevato che stai usando un software per bloccare la pubblicità!
L'utilizzo di GDR-online.com è gratuito da oltre 17 anni ma è necessario coprire i costi per mantenerlo online... ti chiediamo di aiutarci disabilitando il blocco dei banner pubblicitari.
Togliere il blocco significa fare in modo che GDR-online.com possa continuare a far conoscere piccoli giochi amatoriali gratuitamente e offrire un servizio sempre migliore e adatto alle esigenze dei suoi giocatori!
Se questo avviso continua ad apparire nonostante tu abbia autorizzato il portale:
- Verifica nelle opzioni che venga disattivato AdBlock in tutto il dominio gdr-online.com e non solo in una pagina
- Controlla di non avere fra le estensioni installate altre analoghe ad AdBlock, come AdBlock Plusbr, ublock origin, ecc.
- Probabilmente sul tuo PC è installato un Antivirus che ha anche funzioni di blocco pubblicità
- Se usi Firefox impostare il "Blocco Contenuti" su "Normale" e non su "Restrittivo". Per farlo clicca sull'icona dello scudo vicino all'URL e clicca su "Disattiva Blocco per questo sito"
- Prova a premere CTRL + F5, riloggarti e vedi se il problema persiste