Funzione js

Funzione js postato il 21/04/2008 14:03:05 nel forum programmazione, gdrcd, open source, hosting

Salve a tutti. Allora mi trovo davanti ad un problema in JS. Allora io ho un immagine e ho creato una funzione che nel momento in cui ci passo sopra si allarga fina a 100px. Vorrei però fare in modo che la larghezza e l'altezza fosse espressa in percentuale. E quindi la domanda. Esiste una funzione Javascript che mi permette di eliminare un carattere?

In modo che: prima elimino il carattere % dal width e dal height, poi aggiungo 1 al width e all'height e poi riaggiungo il %.

Lineage II ↗
Entra in uno sconfinato mondo fantasy dominato da razze in contrasto tra loro. Scatena i tuoi poteri in uno dei Mmo più famosi al mondo!

Pagine → 1

21/04/2008 14:52:11

Si conoscevo questa funzione. Solo che non funziona con height e width.

Exclusive Villa GdR ↗
Las Vegas, azzardo, vizi, soldi, intrighi... Più le sue luci sono scintillanti, più le sue ombre sono oscure. La città che non dorme mai, vi aspetta.

22/04/2008 11:20:32

io usavo questa funzione per spostare un div

prova a vedere se per caso ti e' utile, non so se funzioni con il width..

function Change1()
{

elem = frame.document.getElementById("scroller");
oldpos=elem.style.left;
newpos=parseInt(oldpos.replace('px',''));
newpos+=2;
newpos+='px';
elem.style.left=newpos;

}

"tu non pensi quadrimensionalmente!"

22/04/2008 14:12:11 e modificato da xenom il 22/04/2008 20:04:01

Veramente non funziona a me.

<html>
<head>
<script language="javascript">
function Change1()
{

elem = document.getElementById("1");
oldpos=elem.style.left;
newpos=parseInt(oldpos.replace('px',''));
newpos+=2;
newpos+='px';
elem.style.left=newpos;
setTimeout('Change1()','1000');
}
</script>
<style>
.scroller{
position: absolute;
left: 0px;
}
</style>
</head>
<body onload="Change1();">
<div id="1" class="scroller">
Lorem ipsum bla bla
</div>
</body>
</html>

EDIT: vedi sotto.

New World Order ↗
Diventa un agente del Nuovo Ordine Mondiale e affronta le forze occulte che minacciano il pianeta Terra in questo GDR Urban Fantasy per Mobile!

22/04/2008 17:35:21

oorazoroo ha scritto: Non puoi semplicemente cambiare la funzione che ti allarga l'immagine fino a 100px e metterci al posto di px il %?

No perchè la funzione non usa px ma cambia semplicemente i numeri. Perciò 100+1 fa 101 ma 100% + 1 non fà 101%.

CRSED: F.O.A.D. ↗
Brutale sparatutto MMO in cui vince l'ultimo giocatore che resta in vita nell'arena! Ogni giocatore sarà accompagnato da armi realistiche e magie!

darkside of breakfast

22/04/2008 17:54:42

forse usando i metodi DOM con un setAttribute? (o come se chiama)

World of Warship ↗
MMO gratuito con frenetiche battaglie navali ambientate nel ventesimo secolo. Salpa con la tua nave ed affronta i nemici!

22/04/2008 20:01:59 e modificato da xenom il 22/04/2008 20:03:21

oorazoroo ha scritto: Ah, altra cosa. Non usate numeri singoli o simboli negli id degli elementi, crea solo confusione al parser Javascript (anche se li mettete tra virgolette). Piuttosto invece di chiamare "1" il div chiamalo test, o bau, qualunque cosa basta che non sia solo un numero. Altra cosa che devi fare è sostituire nella funzione "left" con "width". Il resto dovrebbe funzionare così com'è.

Lo sò. Solo che avevo provato a cambiare mettendo un numero visto che con la stringa non funzionava.

P.S.
Mi son dimenticato di spiegare che così come sta non funziona usando .left, semplicemente perchè le proprietà css left, top, right e bottom richiedono position absolute per funzionare a dovere, e soprattutto con Javascript questa cosa è molto importante. Altra cosa da dire è che con Javascript non è possibile recuperare dimensioni o posizioni di un elemento se queste non sono impostate sempre da css, posizioni e dimensioni implicite risultano semplicemente come valori nulli (anche se l'elemento possiede su schermo dimensioni effettive).

Emh raz perdi colpi:

<html>
<head>
<script language="javascript">
function Change1()
{

elem = document.getElementById("1");
oldpos=elem.style.left;
newpos=parseInt(oldpos.replace('px',''));
newpos+=2;
newpos+='px';
elem.style.left=newpos;
setTimeout('Change1()','1000');
}
</script>
<style>
.scroller{
position: absolute;
left: 0px;
}
</style>
</head>
<body onload="Change1();">
<div id="1" class="scroller">
Lorem ipsum bla bla bla
</div>
</body>
</html>

EDIT: mi sono accorto che nella foga avevo inserito una parolaccia nel codice e mi sono autocensurato.

Dark Genesis ↗
Ascendi al cielo in Dark Genesis! Raduna potenti semidei, costruisci il tuo impero volante e scontrati in battaglie divine!

Discussione seguita da › xenom

Pagine → 1

Rispondi alla Discussione Aggiungi ai Preferiti Inoltra Discussione Forum Programmazione, GDRCD, Open Source, Hosting Elenco Forum

Articoli, Interviste e altre Risorse!

YouRole

Intervista a Leonardo Sampieri ideatore di YouRole... a cura dei nostri amici di Anonima Gidierre

Crea il tuo GDR

Scopri come creare da zero un gdr in PHP! Partiamo dalla registrazione..

Storia del GdR

Storia dei Giochi di Ruolo cartacei dagli albori al Duemila

Underworld of Rome

Intervista alla gestrice di Underworld of Rome.. il play by chat ambientato nel World of Darkness romano!

Pubblicità

Ultime dal Portale

I dati del generatore di rank sono stati aggiornati!

Miami Gdr: Aggiornato Regolamento Scontri Vari e Hackeraggio

RAID Shadow Legends → Plasma i tuoi eroi fino a farli diventare vere e proprie armi viventi e assembla i più epici gruppi d'assalto mai visti finora!

nightvale ha risposto alla discussione: Nightvale

Road to Hamartia: CONTEST: You’ll Be Alright, Kid

glael17 si è accreditato come gestore di Bewitched GDR

Planethos GdR: Ripartenza

Sponsorizzati con noi! → Sponsorizza il tuo gioco su GDR-online! Trova nuovi giocatori fra i migliaia di appassionati che ogni giorno visitano il portale!

baldrytrick ha recensito Salvation GDR

Hero Wars: ✨ La Grande Tempesta è iniziata

Harry Potter Magic World: Cerimonia di inizio A.A. 2025-26 ad Avalon

fen_harel ha recensito Naruto x Boruto GDR - New Rebirth

World of Warship → MMO gratuito con frenetiche battaglie navali ambientate nel ventesimo secolo. Salpa con la tua nave ed affronta i nemici!

gabbagabbajay ha recensito Storie di Agarthi

World of Tanks: Aggiornamento 2.0: matchmaker riforgiato

World of Warship: Aggiornamento 14.8: anteprima

Black Sails Chronicles: OFF - Aggiornamenti di Agosto 2.0

Enlisted → Guida la tua squadra di soldati in combattimenti su larga scala, con fanteria, veicoli corazzati e aerei della IIa Guerra Mondiale!

Pubblicità

Articoli

Lista Larp - Lista dei giochi di ruolo dal vivo (larp) presenti sul portale

Bewitched GDR - Intervista al gestore di Bewitched GDR.. il mondo di Harry Potter su Habbo!

Big Model - The forge, Big model e modello GNS nei giochi di ruolo

KnightMyth - Intervista ai gestori del GdR KnightMyth ambientato nel mondo di Harry Potter

Venezuela e RuneScape - La storia dei Venezuelani che sono sopravvissuti alla crisi economica giocando a Old School RuneScape

Giocare per Finta - Giocare per finta: un'analisi etnografica del gioco di ruolo... scarica la tesi!

Mistery of Akasha - Intervista al play by chat fantasy ambientato su una misteriosa isola continente: Mistery of Akasha

Trend Gaming 2022 - Cinque Trend di Gaming da Osservare nel 2022!

Pubblicità