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

Sea of Conquest ↗
Vivi un'avventura tra i mari! Dal cuore del Mare del Diavolo, un paradiso piratesco brulicante di magia, tesori e avventure, salperai verso l'ignoto!

quota

Pagine → 1

xenom

SCRIVI

21/04/2008 14:52:11

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

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!

quota

radu

SCRIVI

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!"

quota

xenom

SCRIVI

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.

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

quota

xenom

SCRIVI

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

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

quota

darkside of breakfast

SCRIVI

22/04/2008 17:54:42

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

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

quota

xenom

SCRIVI

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: