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 %.

Storie di Agarthi ↗
Un Varco si apre davanti a te, un mondo tra i mondi è a portata di mano. Lasciati alle spalle le certezze, inizia l'avventura!

Pagine → 1

21/04/2008 14:52:11

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

War Thunder ↗
Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

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.

Seconda Era ↗
Vaste terre coperte di ombre e misteri, dove ogni eroe scrive la storia del Mondo di Eidel. Seconda Era, Play By chat

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%.

War Thunder ↗
Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

darkside of breakfast

22/04/2008 17:54:42

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

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

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.

World of Tanks ↗
Lanciati in epiche battaglie spalla a spalla con altri giocatori. Conquista la supremazia nel mondo dei Carri Armati!

Discussione seguita da › xenom

Pagine → 1

Rispondi alla Discussione Segui Discussione Inoltra Discussione Forum Programmazione, GDRCD, Open Source, Hosting Elenco Forum

Articoli, Interviste e altre Risorse!

Play Therapy

L’infermiere e il potere terapeutico del gioco nei bimbi ospedalizzati

True Calling

Intervista al gestore del play by chat fantasy True Calling GdR

Tales of the Silver Sword

Recensione del gioco fantasy Tales of the Silver Sword ambientato nei mitici Forgotten Realms di D&D!

Tipi di Videogame

I diversi tipi di giochi di ruolo per computer e console

Pubblicità

Ultime dal Portale

I dati del generatore di rank sono stati aggiornati!

velglarn ha recensito Age of Crystals

Hero Wars → Costruisci la tua squadra di eroi leggendari e domina il campo di battaglia! Strategia, tattica e potenza si scontrano in questo RPG ricco di azione!

anneth ha risposto alla discussione: [GDRCD 5.6] - Pacchetto Wapp 2.0

Black Sails Chronicles: ON - Le Danzatrici del Rum

Il gestore di Black Sails Chronicles ha risposto alla recensione di lalalansia

Storie di Esperia: La realtà lacerata: inizio evento a tema Halloween

Storie di Agarthi → Un Varco si apre davanti a te, un mondo tra i mondi è a portata di mano. Lasciati alle spalle le certezze, inizia l'avventura!

lubeck ha aperto una nuova discussione: [GDRCD 5.6] - Pacchetto Wapp 2.0

Lubecca: [CODICE] - Migliorie Grafiche I

mikee ha risposto alla discussione: Gioco investigativo e politico

Piume Nere: Informazioni per i Partecipanti alla Cronaca Alpha

The Coven → Negli scorci di luce delle paludi della Louisiana fioriscono nuove ombre. Estend e la Congrega ti aspettano per vivere emozionanti avventure!

New Orleans: [on] Times - Trick or Treat

Dissendium Draconis: Invasione di non-morti, Muore la Ministro

lalalansia ha recensito Black Sails Chronicles

napple ha recensito Fengard

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

Pubblicità

Articoli

Migliori Videogiochi GdR - La classifica dei 100 migliori videogiochi di ruolo di sempre secondo la rivista WCCFTech

Roma I Triumviri - Intervista ai creatori di Roma i Triumviri, il play by chat sull'Antica Roma!

Detective dell’Occulto - Who Ya Gonna Call? La lista di tutti i Detective dell’Occulto!

Gioco e Pregiudizio - Tesi dal titolo "Giocare contro il pregiudizio. Serious games e bullismo omofobico."

Hikaru No Tohei - La folle intervista ai gestori di Hikaru No Tohei Le Luci di Tohei! Da rider... ehm... leggere tutta d'un fiato!

Romance GDR - Come gestire incontri romantici nei giochi di ruolo?

Il Grande Blu - Recensione del GDR manga Il Grande Blu ambientato nel fantastico mondo di One Piece