bulma

bulma

Sto utilizzando Firefox e ho riscontrato una situazione fastidiosa durante la visualizzazione della pagina del mio sito, forse voi sapete dirmi da cosa dipende.
Nonostante la pagina risulti completamente caricata e visualizzata (e in basso compare la scritta Completato), sulla pagina mi rimane l'icona del mouse come se stesse ancora caricando. :():
Vengono inclusi numerosi javascript, ma non ho assolutamente idea da cosa questo possa dipendere.

Grazie in anticipo per i consigli.

bulma

Il fatto è che il case modifica la parte dei contenuti che compaiono a destra, mentre la colonna a sinistra si occupa dei menu'.

Potrei creare un array con le varia voci dei menu' generale:


menu[0]='<li> <a href="abc">abc</a></li>';
menu[1]='<li> <a href="abc">abc</a></li>';
...

```E nel case di cui sopra, modifico solo la voce attiva in quel momento:

<?php
switch ($_GET["function"]) {
case "abc":
... $content=...;
menu[x]='<li> <a href="abc">abc</a></li>';
break;
case "def":
... $content=...;
menu[y]='<li> <a href="abc">def</a></li>';
break;
}
?>
<html>
...
<body>
<div id="col1">
<ul>
<?php ... forach e stampo tutte le voci ...?>
</ul>
</div>
<div id="col2"><?php echo $content?></div>
</body>

bulma

Ho uno script strutturato in questo modo:
un case che in base ad un parametro $_GET richiama diverse funzionalità, il risultato verrà poi stampato nella parte destra della pagina HTML, mentre nella parte a sinistra ho una serie di link tramite i quali scegliere le varie funzionalità.


<?php
switch ($_GET["function"]) {
case "abc":
... $content=...;
break;
case "def":
... $content=...;
break;
}
?>
<html>
...
<body>
<div id="col1">
<ul>
<li><a href="...">...</a></li>
<li><a href="...">...</a></li>
<li><a href="...">...</a></li>
</ul>
</div>
<div id="col2"><?php echo $content?></div>
</body>

```Ora tramite css vorrei differenziare le voci del menu', in modo da identificare quella attiva. 
Solo che l'unico modo per farlo che mi e' venuto in mente è questo:

<?php
echo '<a ';
if ($_GET["function"] == "abc")
echo 'id="active"';
echo 'href="...">...</a>';
echo '<a ';
if ($_GET["function"] == "def")
echo 'id="active"';
echo 'href="...">...</a>';
...

C'e' un modo per evitare di spezzare così il codice ed evitare quella fila di if?:wink3:
Anticipatamente grazie.

bulma

Un po' come Marzullo: fatti una domanda e datti una risposta, dopo lunga e penosa ricerca ho trovato la soluzione.

*E sufficiente sostituire in ** "viewOpera.php"
*```
<a href="opere/big-pippo.jpg" rel="lightbox[pippo]" title=""> <img src="opere/pippo.jpg"></a

Con
*```

<a href="opere/big-pippo.jpg" rel="lightbox[pippo]" onclick="myLightbox.start(this); return false;" title=""> <img src="opere/pippo.jpg">

```Ovviamente nel mio caso si tratta di una porzione di codice estratta con una SELECT dal database.

PS: Come faccio a cambiare il titolo del post per indicare "risolto"?

bulma

Effettivamente così funziona ;), ma mi chiedo però perché con l'altro metodo non vada.
Speravo infatti che risolto l'esempio che ho proposto mi fosse più semplice venire a capo di un caso più generale: in sostanza sto gestendo tramite php e mysql una galleria fotografica.

Da un lato ho un menu' contenete diversi thumbnail (particolari delle varie immagini), cliccando su uno di essi, nella destra della pagina compare per intero l'immagine scelta (e questo funziona). A questo punto cliccando nuovamente sull'immagine intera appena comparsa vorrei "partisse" l'effetto della libreria lightbox, e invece (così come nel caso inizialmente presentato) mi viene mostrata l'immagine jpg come se la stessi aprendo con il browser.

Questo è il javscript grazie al quale cliccando su un thumbnail del menu', compare poi a destra l'immagine completa. Ho fatto questa scelta così che le immagini thumbnail non vengano ricaricate ogni volta che si vuole visualizzare sulla destra un'immagine diversa.

function viewOpera(id){
var myAjax = new Ajax.Updater( "posts", "viewOpera.php?id="+id, { method: 'get', evalScripts:true});
}

```*Questo e' come si presenta il menu' con i thumbnail, generato da in php estrapolando i dati da un database.*


* Nell'esempio inzialmente proposto cercavo di "isolare" questo passaggio essendomi accorta durante varie prove che nemmeno

function pippo(){
var e = document.getElementById("prova");
e.innerHTML = '<a href="opere/pippo.jpg" rel="lightbox[pippo]" title=""> <img src="opere/pippo_big.jpg"></a>';
}


Avete qualche consiglio da darmi? Puo' essere che io mi stia perdendo in un bicchier d'acqua e possa ottenere lo stesso risultato in altro modo. :030:
Grazie!!!

bulma

Lo so che con <a href... direttamente nell'html funziona...
Io però ho bisogno che l'immagine in thumbnail non sia presente nella pagina, ma venga mostrata solo se si clicca ad esempio su un bottone, è proprio per questo che metto <a href... nel javascript (un po' come nel primo esempio di "spaghetti ajax", solo che invece di "Benone" a me appare appunto l'immagine-iniziale).
Se però faccio così quando il thumbnail viene mostrato e ci si clicca nuovamente sopra non appare l'effetto grafico della libreria.
Avrei bisogno di capire se sono io che sbaglio o se la libreria in tal caso non da l'effetto sperato. :inso:

bulma

Salve a tutti... volevo sapere se qualcuno ha riscontrato il mio stesso problema nell'uso della libreria lightbox2: se l'immagine in thumbnail non è nel codice html, ma viene mostrata solo cliccando su un link che richiama codice javascript, mi appare l'immagine ingrandita appare come se stessi cliccando su un link aprendo la foto nel browser e non con l'effetto grafico della libreria.


<html>
<head>
<title>Prova -  Pippo</title>
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />

<script src="scriptaculous/prototype.js"></script>
<script src="scriptaculous/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="scriptaculous/lightbox.js" type="text/javascript"></script>

<script type="text/javascript" language="javascript">

function pippo(){
    var e = document.getElementById("prova");
    e.innerHTML = '<a href="opere/pippo.jpg" rel="lightbox[pippo]" title=""> <img src="opere/pippo_big.jpg"></a>';
}

</script>
</head> 
<body id="prova">
<a href="javascript:void(null)" onclick="pippo()" title="">mostra pippo</a>
</body>
</html>

```Sapreste dirmi dove sbaglio? :sherlock:

bulma

@bulma

Post creati da bulma