Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2005
    Messaggi
    20

    manipolare stringa dentro JS

    ciao a tutti,
    primo post e prima richiesta scusate!!

    alllora vengo al dunque con un esempio pratico: ho una thumnail (diciamo che sia: img id="DIAP1" src="Imm1_DIAP.jpg")su un menù di navigazione. vorrei che l'immagine grande associata (img id="Imm" src="Imm1.jpg")si aprisse in un altro div apposito.

    fino qui niente di eccezionale!

    ora vorrei che lo script operasse attivato dall'onClick sulla diapositiva in una maniera simile a questa

    document.getElementById('Imm').src= this.src (che rappresenta la stringa con l'indirizzo della diapositiva) -"_DIAP" (che elimina la parte del nome diversa tra le due immagini)

    ovviamente lo script proposto sopra nn funziona e se riusciste a spiegarmi anche il perchè ve ne sarei grato

    ciao a tutti
    e grazie per la collaborazione

    Francesco
    I've seen a milion faces
    and I've rocked them all

  2. #2
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    forse così:
    codice:
    [img]../immagini/Imm1_DIAP.jpg[/img]
    Pietro

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2005
    Messaggi
    20
    Originariamente inviato da pietro09
    forse così:
    codice:
    [img]../immagini/Imm1_DIAP.jpg[/img]
    nn funziona, mi dice che this.src nn ha proprietà...

    ho preparato un piccolo html di prova, magari può essere utile!

    codice:
    html>
    
    <head>
    <title>Documento senza titolo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script language="JavaScript">
    function replaceImage()
    {
    document.getElementById('Imm').src = this.src.replace(/_DP/, '');
    alert(document.getElementById('Imm').src);
    }
    </script>
    <style type="text/css">
    
    #espositore{float: left; width: 190px;}
    #bacheca{margin-left:190px}
    img{border: 2px solid red}
    #Imm {width: 600px; height: 400px;}
    </style>
    </head>
    
    <body>
    <!-- hai bisogno di una immagine di base "Imm0", che verrà cambiata, 
    e di una immagine con cui cambiarla "Imm.jpg" e della corrispondente diapositiva "Imm_DP.jpg-->
    <div id="espositore">
    
    	
    
    [img]Imm1_DP.jpg[/img]</p> 
    </div>
    
    	<div id="bacheca">
    
    	
    
    [img]Imm0.jpg[/img]</p>
    	</div>
    
    </body>
    </html>
    ciao
    I've seen a milion faces
    and I've rocked them all

  4. #4
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    	<head>
    		<title>a</title>
    		<meta name="vs_defaultClientScript" content="JavaScript">
    		<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    		<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
    		<meta name="ProgId" content="VisualStudio.HTML">
    		<meta name="Originator" content="Microsoft Visual Studio .NET 7.1">
    		<script language="JavaScript">
    function replaceImage(v)
    {
    document.getElementById('Imm').src = v.src.replace(/_DP/, '');
    alert(document.getElementById('Imm').src);
    }
    		</script>
    		<style type="text/css">
    
    #espositore{float: left; width: 190px;}
    #bacheca{margin-left:190px}
    img{border: 2px solid red}
    #Imm {width: 600px; height: 400px;}
    		</style>
    	</head>
    	<body>
    		<!-- hai bisogno di una immagine di base "Imm0", che verrà cambiata, 
    e di una immagine con cui cambiarla "Imm.jpg" e della corrispondente diapositiva "Imm_DP.jpg-->
    		<div id="espositore">
    			
    			
    
    [img]Imm1_DP.jpg[/img]</p>
    		</div>
    		<div id="bacheca">
    			
    			
    
    [img]Imm0.jpg[/img]</p>
    		</div>
    	</body>
    </html>
    Pietro

  5. #5
    Utente di HTML.it
    Registrato dal
    Aug 2005
    Messaggi
    20

    mi dispiace scocciare ancora

    nn funziona per via di questo errore

    codice:
    Errore: unterminated string literal
    File sorgente: http://rad.msn.com/ADSAdClient31.dll...DA200A9?UC=130
    Riga: 1, Colonna: 15
    Codice sorgente:
    document.write('
    credo che il problema è ke la stringa che contiene l'url è assegnata tramite i codici sostitutivi degli spazi, e quindi nn è letta correttamente.-..possibile?

    ciao

    ps: ti ringrazio per la cortesia e la disponibilità! sono un po' in difficoltà ad integrare javascript, css e DOM...avresti un buon libro (anche in inglese) da consigliarmi?
    I've seen a milion faces
    and I've rocked them all

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Io vedo due problemi:
    1. l'apice introdotto nel document.write() non viene chiuso;
    2. il src dell'immagine punta ad una directory, non ad un file.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  7. #7
    Utente di HTML.it
    Registrato dal
    Aug 2005
    Messaggi
    20

    sbagliavo io

    chiedo scusa
    il codice funziona!
    per le imprecisioni di cui parlava mich_ ho già risolto...niente di grave...solo robetta imputabile alla qualità dell'esempio ke faceva skifo!

    testi scritti su DOM e soci?!
    I've seen a milion faces
    and I've rocked them all

  8. #8
    Utente di HTML.it
    Registrato dal
    Aug 2005
    Messaggi
    20

    ancora sull'esempio

    ciao avevo scritto un messaggio di aiuto per una cosa che poi ho risolto
    ho provatoa cancellarlo ma nn me lo fa fare qnd l'ho modificato!
    idee del perkè nn mi faccia cancellare?

    grazie
    I've seen a milion faces
    and I've rocked them all

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.