Torna indietro   Hardware Upgrade Forum > Software > Programmazione

Recensione vivo X500 Pro Max: la fotografia mobile ha un nuovo protagonista
Recensione vivo X500 Pro Max: la fotografia mobile ha un nuovo protagonista
Il nuovo top di gamma vivo punta su un comparto fotografico particolarmente articolato, con un teleobiettivo da 200 megapixel e teleconvertitori esterni capaci di arrivare a 400 mm equivalenti. Lo abbiamo provato a Tenerife, mettendo alla prova fotocamere, prestazioni, autonomia e accessori. Ecco come si è comportato.
WoW Forever: la beta è stato uno dei momenti più alti della storia dei videogiochi, e non si ripeterà
WoW Forever: la beta è stato uno dei momenti più alti della storia dei videogiochi, e non si ripeterà
Un mondo affollato e vivo, personaggi destinati a sparire a fine test e nessuno a inseguire l'oggetto giusto. Beta e stress test di World of Warcraft: Forever hanno fatto emergere un roleplay spontaneo, tra danze a Goldshire e code ordinate ai PNG
Oracle AI World 2026: in Europa prima la sovranità, poi la sicurezza e solo dopo l'IA
Oracle AI World 2026: in Europa prima la sovranità, poi la sicurezza e solo dopo l'IA
In tre giorni a Las Vegas Oracle ha presentato agenti che eseguono il lavoro, l'alleanza con OpenAI e un cloud aperto agli acceleratori di tutti. Ma i clienti europei chiedono garanzie prima ancora delle funzionalità
Tutti gli articoli Tutte le news

Vai al Forum
Rispondi
 
Strumenti
Old 09-08-2013, 19:59   #1
kwb
Senior Member
 
L'Avatar di kwb
 
Iscritto dal: Jul 2003
Città: Alessandria
Messaggi: 10167
[jQuery] Impostare elemento attivo

Ciao a tutti!
Ho una struttura html come questa nella mia pagina:
Codice HTML:
<body>
	<div id="Pers1">testo vario</div>
	<div id="Pers2">testo vario</div>
	<div id="Pers3">testo vario</div>
	<div id="Pers4">testo vario</div>
	<div id="Pers5">testo vario</div>
</body>
E ho fatto uno script in JS ( principalmente scritto con jQuery ) per spostarmi da un elemento all'altro alla pressione dei tasti J e K ( come succede(va) con Google Reader, 9GAG, e molti altri lettori RSS ).
Lo script funziona, ma ritengo che si possa migliorare, tuttavia non so come eseguire l'implementazione.

La mia implementazione attuale sfrutta tutto un sistema di id personalizzati e indici che trovo macchinosa e non ottimale.

In buona sostanza utilizzo l'evento jQuery keydown sul body:
Codice:
$('body').keydown(function(e){//Istruzioni});
Per spostarmi da un elemento all'altro. Tuttavia vorrei cambiare il focus e spostarlo dal body sull'elemento corrente, in partenza sul div con id Pers1.
Questo perchè, una volta fatto così, posso scrivere una funzione che al keydown, utilizza solo .prev() e .next() per trovare l'elemento precedente/successivo al quale andare.

Ho provato a cambiare il focus ma senza successo. Ho tentato un:
Codice:
document.activeElement = $('div#Pers1');
e anche
Codice:
$('div#Pers1').focus();
Ma senza successo. Il focus rimane sempre sul body.

Soluzioni?
__________________
Dell XPS 13 (9350) :: i5-2500K - HD6870 - AsRock Z68 Pro3 - Corsair Vengeance 8GB (4x2) DDR3 :: Samsung Galaxy S4 GT-i9505
kwb è offline   Rispondi citando il messaggio o parte di esso
Old 09-08-2013, 20:59   #2
OoZic
Senior Member
 
L'Avatar di OoZic
 
Iscritto dal: Nov 2010
Città: Londra
Messaggi: 620
non so se è quello che devi fare ma la prima cosa che mi è venuta in mente è:
js:
Codice:
$(document).keypress(function(e){
    // vai avanti
    if(e.which == 107) { 
        var a1 = $(".active");
        var s1 = $(".active").next();
        a1.removeClass("active");
        s1.addClass("active");
    }
    // torna indietro
    else if (e.which == 106) {
        var a2 = $(".active");
        var s2 = $(".active").prev();
        a2.removeClass("active");
        s2.addClass("active");         
    }
});
css:
Codice:
.active {
    color:#E01B5D;
}
html:
Codice:
<div class="pippo active" id="Pers1">testo vario</div>
<div class="pippo" id="Pers2">testo vario</div>
<div class="pippo" id="Pers3">testo vario</div>
<div class="pippo" id="Pers4">testo vario</div>
<div class="pippo" id="Pers5">testo vario</div>
http://jsfiddle.net/EycWW/

non premere subito J perchè si blocca dovresti fare una condizione se è il primo o l'ultimo elemento per evitarlo.
__________________
> This is me <
When you gaze long into an abyss the abyss also gazes into you.
OoZic è offline   Rispondi citando il messaggio o parte di esso
Old 13-08-2013, 22:17   #3
kwb
Senior Member
 
L'Avatar di kwb
 
Iscritto dal: Jul 2003
Città: Alessandria
Messaggi: 10167
Perfetto grazie!
__________________
Dell XPS 13 (9350) :: i5-2500K - HD6870 - AsRock Z68 Pro3 - Corsair Vengeance 8GB (4x2) DDR3 :: Samsung Galaxy S4 GT-i9505
kwb è offline   Rispondi citando il messaggio o parte di esso
 Rispondi


Recensione vivo X500 Pro Max: la fotografia mobile ha un nuovo protagonista Recensione vivo X500 Pro Max: la fotografia mobi...
WoW Forever: la beta è stato uno dei momenti più alti della storia dei videogiochi, e non si ripeterà WoW Forever: la beta è stato uno dei mome...
Oracle AI World 2026: in Europa prima la sovranità, poi la sicurezza e solo dopo l'IA Oracle AI World 2026: in Europa prima la sovrani...
DS N°7 E-Tense: il SUV premium made in Melfi che punta su autonomia e comfort DS N°7 E-Tense: il SUV premium made in Melfi...
Recensione Samsung Galaxy Tab S12 Ultra: non chiamatelo tablet... è molto di più Recensione Samsung Galaxy Tab S12 Ultra: non chi...
Apple chiude il trimestre fiscale con 11...
Qualcomm HBC supera la validazione in la...
Tachyum avvia la procedura di fallimento...
La sonda spaziale NASA Lucy ha raggiunto...
Le GeForce RTX 5000 scarseggiano, tornan...
Raspberry Pi 5, il prezzo è ormai...
I frigoriferi dei supermercati diventano...
Le vecchie fotocamere digitali compatte ...
La Cina potrebbe rinviare il ritorno del...
Verizon non è preoccupata della c...
RDNA 5 sulle APU AMD, ma non per tutti: ...
Marvell acquisisce Lumentum per 115 mili...
La febbre dei data center fa impennare i...
ECOVACS T90S OMNI crolla a 499€ su Amazo...
In Cina i camion elettrici hanno gi&agra...
Chromium
GPU-Z
OCCT
LibreOffice Portable
Opera One Portable
Opera One 106
CCleaner Portable
CCleaner Standard
Cpu-Z
Driver NVIDIA GeForce 546.65 WHQL
SmartFTP
Trillian
Google Chrome Portable
Google Chrome 120
VirtualBox
Tutti gli articoli Tutte le news Tutti i download

Strumenti

Regole
Non Puoi aprire nuove discussioni
Non Puoi rispondere ai messaggi
Non Puoi allegare file
Non Puoi modificare i tuoi messaggi

Il codice vB è On
Le Faccine sono On
Il codice [IMG] è On
Il codice HTML è Off
Vai al Forum


Tutti gli orari sono GMT +1. Ora sono le: 08:25.


Powered by vBulletin® Version 3.6.4
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.
Served by www3v