Modificare il testo di un documento HTML

memyselfandi

Nuovo Utente
22 Nov 2006
2
0
0
Buongiorno , sono nuovo nuovo e sto cercando di imparare un po di cosette da autodidatta.
Al momento ho per le mani un progettino che mi sta dando da pensare: devo fare una pagina che contiene una galleria di immagini di dimensioni DIVERSE.
Quello che ho fatto ieri è stato scartabellare su internet alla ricerca di come evitare che
- impostando una dimensione fissa delle immagini, alcune venissero distorte
- lasciando libera la dimensione, alcune sbordassero dallo schermo

e ci sono riuscito con un patchwork di vari script che ho trovato in giro.

Ora mi rimane il problema di scrivere sulla pagina il nome o il numero dell'immagine.

Per completezza vi riposto quanto fatto fino ad ora

Codice:
<html>
<head>
	<title>Test</title>

<SCRIPT LANGUAGE="Javascript"><!--
 
var pictures = new Array ("1m1.jpg","1m2.jpg","1m3.jpg");
var pictureNumber = 0;
var totalNumber = pictures.length;

 function dimimg(a){
 immagine = new Image(); immagine.src = a;
 imgratiow = immagine.width/800;
 imgratioh = immagine.height/600;
 maxratio = valmax(imgratiow,imgratioh);
 if (maxratio > 1){
 newwidth = immagine.width / maxratio;
 newheight = immagine.height / maxratio;
}
 document.images.slides.width = newwidth;
 document.images.slides.height = newheight;
}

 function valmax(a,b){
 (a>b) ? pippo=a : pippo=b ;
 return pippo;
}
 function previous(){
  if (document.images){
     if (pictureNumber > 0) pictureNumber--
     else             
     pictureNumber = totalNumber - 1;
     document.images.slides.src  = pictures[pictureNumber];
	 dimimg(pictures[pictureNumber]);
   }
}
 function next(){
  if (document.images){
     if (pictureNumber < totalNumber - 1)  pictureNumber++
     else                    
     pictureNumber = 0;
     document.images.slides.src  = pictures[pictureNumber];
	 dimimg(pictures[pictureNumber]);
   }
  // modificatesto()
}  

//--></SCRIPT>

</head>
<body >
<br /><br />
<div align="center">

<A HREF="javascript:previous()">Indietro</A>

// qui devi inserire il nome o il numero dell'img
<script language=javascript> 
//function modificatesto(){
	document.write('<b>Img ' + pictureNumber + '</b>'); 
//}
</script> 

<b></b>
<A HREF="javascript:next()">Avanti</A> <br>
<IMG SRC="blank.gif" NAME="slides">	
</body>
</html>

chiaramente se metto solo il document.write ho il nome della prima immagine, ma non si aggiorna con lo scorrere delle immagini
Se associo la funzione modificatesto() funziona, ma dovrei fargli RISCRIVERE da zero tutto il documento. Esiste un metodo più elegante per risolvere?

Grazie
 

PoLe

MRW Moderator
6 Giu 2005
2.210
3
0
37
.: Venezia :.
www.bzconsulting.it
Ciao ;)

Prendi spunto da qui ed applica il concetto al tuo script :)

<html>
<head>
</head>
<body>
<div id='id1'>Testo iniziale</div>
<br><br>
<a href='#' onclick='javascript:document.getElementById("id1").innerHTML="Testo modificato";'>Cambia Testo</a>
</body>
</html>


Buon lavoro
:byebye:
 

memyselfandi

Nuovo Utente
22 Nov 2006
2
0
0
ho risolto in maniera piuttosto semplice.
Dato che mi serviva cambiare il numero della pagina, ho scaricato delle gif con i numeri e ho usato lo stesso identico script che uso per fa scrorrere le immagini.

Grazie per la risposta ;)
 
Discussioni simili
Autore Titolo Forum Risposte Data
G Fullcalendar: modificare colore testo, backgroup e bordi per tutti gli eventi jQuery 3
K modificare del testo in un tema WordPress 4
G Access in VBA - Come si fa a modificare testo nel'intestazione di file Word MS Access 0
emanuelevt Modificare e salvare testo Ajax 21
K modificare colore testo Javascript 0
J Modificare testo selezionato in TextArea Javascript 2
Shyson Modificare codice e creare link PHP 0
J Modificare panorami 360 ps 2020 Photoshop 0
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
D modificare questo codice per inserimento in text e non in tabella jQuery 1
C modificare sito in locale con dreamWeaver HTML e CSS 3
T Modificare ruolo utenti in fase di registrazione E-Commerce 0
M modificare un file .XML da database Sql PHP 13
S Modificare intestazione documento pdf con LO Draw Linux e Software 0
felino Radio button e Bootstrap: modificare il colore di default! HTML e CSS 1
Shyson Modificare funzione php PHP 15
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
F Modificare report di etichette di access con vba MS Access 0
D [PHP] Tabella: modificare direttamente i valori PHP 6
P [Woocommerce] Modificare il Bottone Checkout di Woocommerce in base alla categoria di prodotto E-Commerce 10
Q impossibile modificare un file ....... C/C++ 2
C [HTML] modificare la scritta della copyright HTML e CSS 2
G [PHP] MODIFICARE DATI TABELLA CONTESTUALMENTE PHP 6
Y [PHP] [HTML] Modificare i quadranti PHP 1
A [PHP] Modificare campo database in base alla scelta dell'utente PHP 2
W Non riesco più a modificare i dati di una tabella da phpmyadmin MySQL 0
V [WordPress] Come modificare link in tasto menu css WordPress 21
Y Modificare script php PHP 5
paloppa Bootstrap.min.css modificare il file HTML e CSS 6
Merlina3377 [PHP] modificare file su form immagine thump PHP 1
G [HTML] Modificare ordine dei div in mobile responsive HTML e CSS 5
pfranco [PHP] Modificare pagina web online PHP 9
Shyson Modificare codice jQuery 0
A [Javascript] modificare il contenuto della barra indirizzi di un browser Javascript 1
asevenx modificare lista elementi togliendo l'elemento selezionato jQuery 1
Kolop "Modificare HTML" HTML e CSS 13
K [ASP.Net] Utilizzare e modificare dati linq ASP.NET 0
G Modificare navbar in base allo scroll jQuery 6
R [Photoshop] Modificare luminosità dei bordi in una foto Photoshop 2
A come modificare gli elementi di una lista e gli editText? Sviluppo app per Android 0
A modificare .jar con classe personalizzata Java 9
Mer556 BLOCCATO nel modificare un sito HTML e CSS 3
T modificare un template html5 HTML e CSS 6
B Modificare sorgente di pagina HTML e CSS 10
napuleone Modificare attributi di una classe con js Javascript 2
C modificare un rss con php PHP 2
L Modificare dati tabella mysql PHP 2
P modificare mappa sito Javascript 0
P modificare mappa sito Javascript 0

Discussioni simili