problema con tasto roll

08-07-2006, 00.18.31

ciao,
inserisco il link al mio sito, così capite meglio cosa sto per chiedervi :
www.totoo.altervista.org
se andate ad esempio nelle gallerie 2d o 3d o premi, noterete che cliccando sui quadratini, l'immagine viene presentata nel frame centrale, pero' se muovo il mouse dal quadratino appena cliccato, poi mi e' difficile riuscire a capire qual'era il quadratino successivo, questo perche' l'effetto rollover scompare quando sposto il puntatore.
Ecco il problema !! come faccio a lasciare evidenziato il quadratino appena cliccato, in modo che anche spostando il puntatore, sappia sempre dove mi trovavo ? Ovviamente l'effetto deve terminare quando mi sposto su un altro quadratino.
Il problema e' che non conosco bene il linguaggio html, quindi mi affido umilmente a qualche vostro consiglio.

grazie 1000
TOTO'

08-07-2006, 10.38.02

ciao!, innanzitutto vediamo se ho capito bene, per "quadratino" intendi il "pulsante", poi vorresti che nel momento in cui ti sei effettivamente collegato alla pagina, nella barra dei pulsanti (quadratini), venisse evidenziato ipoteticamente con un colore di contorno diverso il tuo pulsante relativo alla pagina in questione!, giusto?
Se così è, provo ad aiutarti:
i tuoi pulsanti sono delle immagini con contorno (che presumo hai contornato in fase di inserimento nella pagina html), resta da capire come stai progettando il tuo sito se con un editor di testo o no, perchè se utilizzi ad esempio fronte page, o dreamweaver nelle proprietà della pagina trovi la maniera di impostare il colore di contorno dei collegamenti visitati, attivi, ecc..ecc...
Inoltre ricordati anche di dare un titolo alle tue pagine che vedo per il momento non c'è, in maniera che comunque leggendo il titolo l'utente sappia in che pagina si sta trovando.
Per le informazioni che hai dato, per il momento riesco ad esserti d'aiuto in questo modo, diversamente fornisci più informazioni, ciao!

08-07-2006, 12.22.51

ciao hemadiat,grazie infinite per la delucidazione.
il sito lo sto costruendo con DW, i pulsanti li ho fatti in PS , un quadratino arancione con bordino bianco ed un quadratino interamente bianco, ed il problema e' proprio questo, non essendo testi, come faccio, dopo aver cliccato sopra,a farli rimanere di un colore diverso ?
Ho guardato nelle opzioni della pagina che mi dici tu, pero' funziona solo se immetto dei testi, invece con le immagini , anche se gli creo il bordo, quando passo su con il puntatore il colore non varia.

grazie 1000

**dementialsite** · 08-07-2006, 14.09.09

Ti riferisci alle immagini della tua Galleria 2D, ad esempio?

Dovresti modificare così il codice della tua pagina:
1. Aggiungi questa funzione in cima alla pagina (tra i tag <HEAD><SCRIPT>):

Codice:

function reset_image ()
{
   // da ripetere in modo analogo per tutte le immagini da monitorare
   document.getElementById ('image1').src = 'spento.gif';
   ...
}

2. Modifica i tag immagine assegnando loro un ID e indicando di mantenere l'immagine "accesa" quando ci fai clic sopra con il mouse:

Codice HTML:

<IMG ID="image1" SRC="spento.gif" WIDTH="..." HEIGHT="..." onMouseOver="..." onMouseOut="..." onClick="reset_image();this.src='acceso.gif';">

Dovrebbe bastare questo a realizzare quanto dici... stammi bene...

**heracleum** · 08-07-2006, 14.45.20

Scusami demential se propongo anche una mia versione per risolvere, perché ormai mi ero incuriosito da un'oretta e stavo cercando la soluzione MENO invasiva possibile.
Per es. è ovvio che aggiungendo qualche evento (per es. onclick) a CIASCUNA immagine si risolvono i problemi...
ma non so se hai visto il suo sorgente originale! E' pieno zeppo di immagini già scritte.. e sarebbe -secondo me- un po' eccessivo dirgli di andarsi ad aggiungere il tale pezzetto di codice su TUTTE le immagini...

Quindi avevo previsto questa soluzione, molto semplice, che sfrutta l'event handling di javascript, senza andare a scrivere eventi "inline" in ciscuna immagine.

totoo:
Dunque, fai così:
in fondo a tutta la pagina, prima della chiusura del tag </body>
aggiungi questo mio blocco di script:

Codice HTML:

<script type="text/javascript">
<!--
var currentimg = 0;

function imgclick(){
 var imgs = document.images;
 for (var i=0; i<imgs.length; i++){
  imgs[i].style.border = (i==currentimg)? '1px dashed yellow' : '0 solid black';
  imgs[i].style.padding = (i==currentimg)? '1px' : '0';
 }
}
function initImgEvents(){
 var imgs = document.images;
 for (var i=0; i<imgs.length; i++){
  imgs[i].onclick = new Function("currentimg="+i+"; imgclick();");
 }
}
initImgEvents();
//-->
</script>

In poche parole, per spiegarti cosa fa,
prima di tutto assegno a tutte le immagini presenti l'evento onclick che punta all'altra mia funzione, quest'altra fondamentalmente si scorre le immagini e aggiorna lo stato di immagine correntemente selezionata, all'ultima cliccata.

08-07-2006, 14.53.57

grazie dementalsite, ma non so dove mettere le mani con il codice, anche se per te e' probabilmente una cavolata.
Si puo' fare lo stesso usando gli strumenti di progettazione ? tipo come dicevo prima, trovare un'opzione che mi cambi colore al bordo del quadratino ?

graz
T

EDIT:
azz, heracleum, ho letto ora la tua risposta, ci provo e poi ti faccio sapere.

grazie 1000 per l'interessamento !!

A dopo
T

**heracleum** · 08-07-2006, 15.04.00

Sì,
ovviamente, puoi prendere quel blocco script e copiarlo in ciascuna (sempre nello stesso posto prima della chiusura del /body) nelle varie pagine dove hai i "quadratini" che mostrano le immagini nel frame centrale o in finestra a parte.

Certo la cosa sarebbe molto più "governabile" gestendo tutte questi bottoncini in maniera più dinamica.. per es. avere tutte le informazioni base per ogni immagine da aprire in un array (per dire, sia in javascript ma ancor meglio in php), dove hai tutte le informazioni per es. "url dell'immagine", "apri in frame/a parte" ...
e poi lo script scorrendo tutte queste informazioni genera gli appositi pulsantini.. capisco che ti è venuto più alla tua portata (usando un editor di html) in questo modo. Dicevo così giusto per prospettarti un modo futuro più comodo...

08-07-2006, 15.09.08

heracleum sei un grande !!!!!!!!!!!!!!!!!!!!!!!
funzica ed e' anche elegante !!!

non so come ringraziarti, se mai ti servira' qualche aiuto sul 3d fammelo sapere !

T

**heracleum** · 08-07-2006, 15.15.45

Di niente,

Senti, una curiosità, prima che chiudano al volo il thread

ma questo disegno : http://totoo.altervista.org/donnazoom.gif
è di tua completa realizzazione? no perché l'ho visto in giro per moltissimi blog, in uno era addirittura lo sfondo del template ;) però a colori invertiti (nero su bianco).
ciao

08-07-2006, 15.19.33

urca !
C'e' solo un piccolo problema, se clicco sui pulsanti del frame di sinistra e poi vado sul frame di destra e clicco su un pulsante, mi si evidenzia il quadratino, ma mi continua a rimanere evidenziato anche l'ultimo pulsante cliccato sul frame di sinistra !!
Come si puo' fare ?

graz
T

EDIT:
puo' essere che quello visto da te sia l'originale del grande Boris Vallejo, io l'ho copiato da una foto in un suo albo e ne ho fatto un quadro molto piu' grande usando un pastello bianco su cartoncino nero.
Mi daresti pero' comunque il sito di questi blog, sai com'e'.....di ladri d'immagine ce ne sono un sacco in rete !

grazie
T

**heracleum** · 08-07-2006, 15.32.37

Ah beh certo..
diciamo che la selezione unica è gestita a livello di singolo frame ...
nelle situazioni con doppio frame (come galleria 2d) la cosa si complica un pochetto ;)
al clic su ciascuna immagine si dovrebbe fare un controllo su altri frame ... insomma ora vedo ma non è immediato.

08-07-2006, 15.41.48

Se non e' così facile, lascia pure perdere, puo' risultare comodo anche così, in modo che chi dovesse saltare da una lista ad un'altra, quindi da un frame ad un altro, riesce comunque a tornare nella medesima posizione ed andare avanti.
Adesso aggiungo anche un testo alternativo alle immagini, in modo che si riesce a trovare piu' facilmente un'immagine senza doverle necessariamente aprirle.

Ricordati i blog...

T

**heracleum** · 08-07-2006, 15.53.28

Sì infatti può risultare comodo anche così per riprendere da quel punto ;)
Per i blog, l'unico di cui potevo rintracciare l'url (perché mi ricordo che mi aveva lasciato un commento in un certo post e mi aveva colpito il bel disegno) purtroppo ha "brasato" completamente i contenuti o lo ha chiuso, vuoto. Per gli altri non saprei proprio, calcola che l'ho vista parecchio in giro proprio nel periodo del boom dei blog.

08-07-2006, 16.39.02

grazie ancora !
Alla prossima !

T

08-07-2006, 16.58.18

Originalmente inviato da totoo

ciao hemadiat,grazie infinite per la delucidazione.
il sito lo sto costruendo con DW, i pulsanti li ho fatti in PS , un quadratino arancione con bordino bianco ed un quadratino interamente bianco, ed il problema e' proprio questo, non essendo testi, come faccio, dopo aver cliccato sopra,a farli rimanere di un colore diverso ?
Ho guardato nelle opzioni della pagina che mi dici tu, pero' funziona solo se immetto dei testi, invece con le immagini , anche se gli creo il bordo, quando passo su con il puntatore il colore non varia.

grazie 1000

....sono arrivata solo ora...e sono contenta che tu abbia risolto!, però volevo fare un'ultima precisazione: con dw quando inserisci un pulsante con un immagine come nel tuo caso, devi mettere subito il bordo dalla barra del layout standard, poi nelle impostazioni pagina, o proprietà, imposti i colori dei link, in questo modo noterai che i col. variano, diversamente se non immetti il bordo inizialmente allora non noti nessun cambiamento, ok! era solo per precisare, ciao!

**seneca** · 08-07-2006, 20.25.11

Originalmente inviato da heracleum

Senti, una curiosità, prima che chiudano al volo il thread

Visto che ci tieni tanto, chiudo!

A parte gli scherzi, personalmente, se non sono sicuro al 110% che il problema sia risolto e che non possa fornire ulteriori spunti di conversazione, non chiudo mai ma lascio aperto. (Le ultime parole famose... occhio Totoo che ti vengo a cercare!

)

Discussione: problema con tasto roll

LinkBack

Strumenti discussione

Display

problema con tasto roll

Regole di scrittura