modifica carrello!

**dilan76** · 15-01-2005, 11:56

ciao a tutti sono nuovo del forum!

Ho realizzato un sito e-commerce con carrello elettronico, tutto funziona bene, però voglio modificare qualcosina nello scrypt, cioè voglio che accanto al bottone "aggiungi al carrello" ci sia un campo testo dove mettere la quantità desiderata e aggiungere direttamente al carrello, perche adesso quando vado a cliccare sul pulsante mi esce una finestra comandi java dove inserire la quantita e non la sopporto!
il sito è www.deltashop.it

mi date una mano?
grazie!

**Andrea1979** · 15-01-2005, 19:29

non mi ci sono perso troppo, però ho fatto così:

ho modificato la funzione aggiungi

codice:

function aggiungi(codice, prezzo, quant) {
if ((isNaN(quant)) || (quant<1) || (quant>999)) alert("Valore non valido");
	else {
	if (document.cookie.length > 0) aggiungi2(codice, prezzo, quant);
		else primavolta(codice, prezzo, quant);
		}
}

e ho aggiunto qualcosa al Layer61

codice:

<DIV id=Layer61 
style="Z-INDEX: 61; LEFT: 205px; WIDTH: 551px; POSITION: absolute; TOP: 188px; HEIGHT: 390px"><U><FONT 
color=#3333ff>DVD PLAYER <FONT color=#ff0000>X</FONT>PLAYER <FONT 
color=#ff0000>7000</FONT></FONT></U><FONT color=#ff0000> </FONT>
<P align=center>[img]dvd_file/xplayer.jpg[/img]</P>


Lettore Dvd MPEG4 / DIVX / XVID / DVD/ SVCD/ VCD/CD/MP3/DVD-R/DVD-RW / CD-R / 
CD-RW/KodakCd. Compatibile con i codec 5.02 - 5.03 - 5.04 - 5.05 e superiori. 
Aggiornamento del Software e dei Codec tramite CD.

</P>
<P align=right><FONT size=2>Prezzo</FONT>/<FONT color=#0000ff 
size=4>79,00€</FONT>. <FONT color=#ff0000>Iva Inclusa</FONT><FONT 
face="Times New Roman">
<FONT face="Times New Roman"><FONT face=Arial 
size=1><FONT size=2></FONT></FONT></FONT></FONT></P>
<P align=right><FONT face="Times New Roman"><FONT face="Times New Roman"><FONT 
face=Arial size=1><FONT size=2>Aggiungi al carrello 
  <select id="xplayer 002/A7">
    <option value=""></option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
  </select>
</FONT></FONT></FONT><FONT 
face="Times New Roman" size=1>[img]dvd_file/addbutton.gif[/img]</FONT></FONT> </P>
<HR color=#858564 SIZE=1>
</DIV>

Fondamentalmente l'aggiunta consiste nella select, con id uguale al nome del prodotto (ma è giusto per comodità) e la modifica alla chiamata alla funzione nel link, che è diventata

[img]dvd_file/addbutton.gif[/img]

Un commento però: permettimi di dire che il codice generato è un bel casino! Hai usato un tool automatico per la generazione delle pagine? Attento che se le pagine sono generate in automatico (ad esempio come risultato di queries ad un database dei prodotti), le modifiche apportate alle pagine NON VANNO BENE!!

In caso contrario, sposta tutti gli script in un file esterno e cerca di fare un po' di pulizia nel codice perché se dovrai far apportare modifiche a qualcuno, ti giuro che esce pazzo

**dilan76** · 16-01-2005, 11:50

grazie 1000 andrea!

però ho un problema, cioè che il prodotto non viene aggiunto al carrello, la casella dove mettere la quantità va benissimo, ma vorrei che dopo aver messo la quantità e pigiato il tasto aggiungi, me l'ho aggiungesse, non è che dovrei adesso modificare qualcosa nello script del carrello?

ciao!

**Andrea1979** · 16-01-2005, 13:18

ahem... non so se hai notato, ma per motivi di sicurezza, la parola javascript nei codici non è scritta tutta attaccata... se è quello il problema, basta che elimini lo spazio tra "java" e "script"

Se invece non è quello il problema, allora forse al carrello non veniva aggiunto niente nemmeno prima: se provi a fare un document.writeln(quant) in aggiungi dovresti ottenere una nuova pagina con la quantità selezionata correttamente passata alla funzione. Te ne accorgi ugualmente, senza modificare la funzione aggiungi, se provi ad aggiungere al carrello la prima delle options, cioè quella vuota,: lo script ti dirà che è una quantità non valida.

Saluti.

**Andrea1979** · 16-01-2005, 16:33

Aggiungo che comunque, rivisitando la pagina hai modificato qualcosa, ma non tutto quello che andava modificato. Ricontrolla il tuo codice e il mio

**dilan76** · 17-01-2005, 22:24

x andrea

allora io ho fatto tutto come mi hai detto, adesso desrivo cosa ho modificato:
prima era cosi'

function aggiungi2(codice, prezzo, quant) {
var sost=0;
var sostflag=0;
var subpuntatore=0;
var string=document.cookie;
var puntatore=string.lastIndexOf("Lampade=#");
var lung=string.indexOf("##");
if (puntatore == -1) primavolta(codice, prezzo, quant);
else {

poi con quello che mi hai descritto

function aggiungi(codice, prezzo, quant) {
if ((isNaN(quant)) || (quant<1) || (quant>999)) alert("Valore non valido");
else {
if (document.cookie.length > 0) aggiungi2(codice, prezzo, quant);
else primavolta(codice, prezzo, quant);
}
}
else {

non è che sbaglio qualcosa qui? magari va solo aggiunto?
fammi un esempio pratico!

e alla fine al layer 61 che prima era:

Il lettore DVD kiss DP-540 è il primo in grado di riprodurre, oltre
ai normali DVD, anche i CD con files MPEG-4 e DivX, sia con Codec 4 che
5, SVCD, Photo CD e brani audio MP3 e MP4. Compatibile con dischi masterizzati,
VideoCD, SVCD, MP3, CD, CD-RW, DVD-RW. Menù multilingua (compreso italiano),
Uscita video standard PAL e NTSC, Uscita video formati 4:3 Pan&Scan/LetterBox,
16:9 WideScreen, Uscita S-Video, Uscita audio digitale ottica e coassiale
S/PDIF, Uscita digitale DolbyDigital 5.1.


Prezzo/299,00€. Iva
Inclusa

 
Aggiungi
al carrello[img]addbutton.gif[/img] 
<hr color=#858564 size=1>
</div>

poi:

Lettore Dvd MPEG4 / DIVX / XVID / DVD/ SVCD/ VCD/CD/MP3/DVD-R/DVD-RW / CD-R /
CD-RW/KodakCd. Compatibile con i codec 5.02 - 5.03 - 5.04 - 5.05 e superiori.
Aggiornamento del Software e dei Codec tramite CD.


Prezzo/79,00€. Iva Inclusa

Aggiungi al carrello
<select id="xplayer 002/A7">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
[img]addbutton.gif[/img] 
<HR color=#858564 SIZE=1>
</DIV>

ho fatto bene?
il carrello funziona bene, se dai un'altra occhiata vedrai che i prodotti vengono aggiunti! dove sbaglio ancora?

ciao!

**Andrea1979** · 18-01-2005, 00:17

Adesso va bene per un prodotto, però dovresti modificare il codice vicino al bottone "aggiungi al carrello" di ciascun prodotto e per ogni pagina del sito.

La mia seconda idea era quella di razionalizzare un po' la progettazione e il codice: se sposti i javascript in un file esterno e crei un foglio di stile (file css) a modo, ti risparmi l'uso di quei brutti tag e dei layer... e soprattutto se un domani volessi rifare la facciata al sito, ti basterebbe modificare poco codice invece di andare a rifare ogni pagina. Sono migliorie a cui puoi (e dovresti) lavorare anche una volta che il sito è lanciato e funzionante. C'è più lavoro all'inizio, ma nel lungo periodo ti costerà molta meno fatica la gestione del tutto.
Ciao

**JAEP** · 18-01-2005, 14:14

ma il carrello lo hai terminato?
Il tasto "chiudi" non funziona...
Ciao

**dilan76** · 18-01-2005, 18:37

ciao jaep

infatti su quel tasto ci sto ancora lavorando, adesso però prima voglio modificare l'aggiunta del prodotto cioè come dicevo prima con una checkbox dove inserire la quantità che va ad aggiungersi direttamente al carrello senza quella odiosa finestra!
è da poco che ho iniziato con java quindi non so fare tanto e voglio una mano per andare avanti!

andrea

se sposti i javascript in un file esterno e crei un foglio di stile (file css)

magari lo saprei fare!

**Andrea1979** · 18-01-2005, 20:11

Ciao Dilan,

Come avevo sistemato (e pure tu) andava bene. Quello che volevo dire è che visto che stai facendo un sito commerciale, dovresti curare anche quegli aspetti di cui ti accennavo.

Immagino dal codice che vedo scritto, che tu stia usando un programma tipo frontpage o una vecchia versione di dreamweaver o qualcosa del genere... fai attenzione perché il sito non si vede bene con browsers diversi da internet explorer.

Discussione: modifica carrello!

Strumenti discussione

Ricerca discussione

Visualizza

modifica carrello!

Permessi di invio