Unofficial WebSite X5
Area JS => Discussioni Generali => Topic aperto da: oggie - 04 Ottobre, 2011, 22:43:51
-
Ciao GDR.....vorrei usare questo script in un sito ma fa conflitto con un altro script. Esiste un metodo per trovare il conflitto ? Se tolgo il javascript di questo form, torna tutto normale.
A proposito, la sorgente di questo script e' : http://jorenrapini.com/blog/css/jquery-validation-contact-form-with-modal-slide-in-transition :)
-
Ciao se magari posti un link si può provare a vedere, ma così nè io e nè altri riescono a farlo.
Grazie per avermi trovato la fonte. ;)
-
Hai ragione.....e' un sito in costruzione....metto tutto sul server e provvedo link... :)
-
Non riesco a replicare il mio problema - adesso lo sfondo sparisce e anche il form sparisce....
Comunque, a questo form non piace come evo genera il menu'......se usi un menu' orizzontale nel tuo esempio, la posizione della linguetta "contact me" va rivista. Nel mio sito in costruzione non uso menu' di evo.. 8) 8)
-
Non a caso la posizioni dove meglio credi se leggi bene il codice dell'ogg. html:
<div style="position: absolute; top: -236px; left: 0px;">.......... </div>
Senza link non si può fare di più.
-
Finalmente ci sono...
Ripeto che questo e' un sito in costruzione - ci sono sbagli e parecchie parti non funzionano...
Il sito base : http://www.mlongo.net/en/index.html
Il form adattato per il mio uso : http://www.mlongo.net/en/slideform/test/index.html
Il sito con il form : http://www.mlongo.net/en/slideform/index.html
Questo dovrebbe bastare....
-
E' un problema che fece pure a me all'inizio montandolo su un progetto...non ricordo adesso come fu risolto (penso comunque che vada in contrasto con qualche altro js da te utilizzato); io posso cominciarti a dire di levare i duplicati:
<link type="text/css" href="files/slideform_en.css" rel="stylesheet" />
<script src="files/slideform_en.js" type="text/javascript"></script>
-
Hai ragione...avevo gia' cancellato tutto ma per poter dimostrare il problema ho dovuto rifare e ho rimesso due volte quella stringa. Adesso devo lavorare con z-index perche' alcuni elementi vengono coperti e altri no.
Un altra cosa : quando riempi il form e lo mandi, tutto bene ma se riapri il form, i dati scritti precendemente sono ancora visibili - mi sembra che dovrebbero essere cancellati....che ne dici.
E fatto in javascript mi pare, e per me js e' Cinese! :-[
-
Si hai ragione quello è un js che andrebbe rivisto sicuramente, io non ho fatto altro che riprodurlo su website; tigrone e stesil hanno tra l'altro dato una sistemata al file mail.php.
-
Ho fatto alcune prove....non e' solo questione di z-index :(
Se scendi nella home e provi ad aprire il video, si scombussola tutto....ho allegato un screenshot per indicare dov'e' il video...
-
Vabbe, se puoi/vuoi lascia il tuo file iwp o qui o se è meglio per te via MP; si "può" vedere nei limiti cosa si può o non può fare.
-
Ciao Oggie,
nel file reset.css c'è un valore di z-index attribuito di default a tutti i tag:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; z-index: 9000;}
Se lo togli ed attribuisci il valore di z-index solo al div che contiene il form slide:
<div style="position: absolute; top: -318px; left: 150px; z-index:1000;">
<div class="container"> ....
... qualcosa si risolve?
-
Ciao, ho ricevuto il tuo MP....non riesco a risponderti perchè molto probabilmente hai la cartella dei messaggi ricevuti piena.
Comunque esporta su server il file di progetto zippato e linkamelo via MP.
-
@GDR : infatti era piena...c'erano solo 7 messagi ma era piena al 140%! - adesso e' vuota - grazie :)
Mettero il file sul server e ti mandero' il link...
@stesil : provero' cosa suggerisci e ti faro' sapere....grazie del interessamento ;)
-
Ho visto il tuo file e la soluzione ti è stata pure indicata qui da Stesil.... :)
Quindi...!!
-
Ho visto il tuo file e la soluzione ti è stata pure indicata qui da Stesil.... :)
Quindi...!!
Infatti...quando ti ho mandato il progetto, non avevo ancora provato il suggerimento di Stesil....funziona! (grazie Stesil e GDR) :)
Comunque ci sono ancora problemi : quando esce il form, il titolo in rosso rimane "sopra" il velo e anche le due scatole in giu' (quelle per vedere i videa) e anche il cervello roteante :(
-
Ho fatto alcune prove :
Quello che ho scritto sopra succede con IE( 8) ....con ff va bene ma il form va sotto il velo grigio......probabilmente risolvibile giocando con valori z-index....
-
Ho fatto alcune prove :
Quello che ho scritto sopra succede con IE 8
Ciao,
prova ad assegnare position static alla cella che contiene il form:
#imCel7_02 {
position:static;
}
IE7 calcola i valori di z-index a modo suo e questo dovrebbe risolvere.
....con ff va bene ma il form va sotto il velo grigio......probabilmente risolvibile giocando con valori z-index....
.. questo invece non lo capisco ... il div che contiene il form ha z-index 1000, il div dello sfondo #backgroundPopup ha z-index 999 .... nel progetto di GDR il valore di z-index è 11, ma, nonostante ciò, essendo il valore minore dovrebbe stare sotto il form, non sopra ...
-
Ciao,
prova ad assegnare position static alla cella che contiene il form:
#imCel7_02 {
position:static;
}
IE7 calcola i valori di z-index a modo suo e questo dovrebbe risolvere.
Funziona! Infatti c'era nel script originale - ma non capivo a cosa serviva e non mettendolo funzionava comunque.....nel demo, ma nel sito e' un altra cosa :-[
....con ff va bene ma il form va sotto il velo grigio......probabilmente risolvibile giocando con valori z-index....
.. questo invece non lo capisco ... il div che contiene il form ha z-index 1000, il div dello sfondo #backgroundPopup ha z-index 999 .... nel progetto di GDR il valore di z-index è 11, ma, nonostante ciò, essendo il valore minore dovrebbe stare sotto il form, non sopra ...
Nessun problema...le prime righe del file slideform_en.css (nome originale style.css) sono :
.container { font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px; color:#545353;}
.container {
width:960px;
margin:0px auto;
position:relative;
z-index:12;
}
Aumetando z-index porta il form sopra tutto.....per prova ho aggiunto "000" portando a 12000 - cosi e' sicuramente sopra tutto :)
-
Visto che ne parliamo, c'e' un altro difetto :
Se scrivi nel form e lo mandi oppure lo richiudi, se lo riapri quello scritto prima e' ancora li'.....sarebbe meglio che quando mandi o chiudi il form andrebbe azzerato...siccome e' js, io non ho idea come farlo.......mi serve un po' di pappa pronta :-[
-
Ciao Oggie,
prova così: aggiungi, dopo la riga 11, la riga di codice in rosso
function contact() {
if ($("#contactForm").is(":hidden")){
$("#contactForm").slideDown("slow");
$("#backgroundPopup").css({"opacity": "0.7"});
$("#backgroundPopup").fadeIn("slow");
}
else{
$("#contactForm").slideUp("slow");
$("#backgroundPopup").fadeOut("slow");
$("#name, #e-mail, #message").val('');
}
In questo modo se il form è stato compilato ma non è stato spedito vengono azzerati i campi.
Poi, quasi alla fine dello script, aggiungi sempre le parti in rosso:
setTimeout('$("#backgroundPopup").fadeOut("slow"); $("#contactForm").slideUp("slow"); $("div#mail_response").remove(); $(".contactForm").show(); $("#name, #e-mail, #message").val("");', 6000);
Dopo che il messaggio è stato spedito, viene rimosso dalla pagina il div che contiene la risposta, viene rivisualizzato il form e svuotato dei valori che conteneva. Ho aumentato anche un po' il tempo per fare in modo che si possa leggere il messaggio di risposta, prima che tutto sparisca in automatico.
Ho provato solo con FF e mi pare funzioni. Vedi tu se va bene anche con altri browser.
-
Perfetto!...ma con I vari browser ci sono un paio di problemi....ma con ff funziona perfettamente...molte grazie Stesil
Ti faro' sapere dei problemi..faccio un po' di prove...
Grazie di nuovo ;)
-
Allora :
ff : sembra tutto a posto - l'unico difetto e' che quando sbagli uno dei campi e appare in rosso la scritta dicendo che sbagli, rimane li dopo aver coretto - a quanto capisco e dovuto a come e' scritto il js.....non prevede di togliere la scritta in rosso.
Chrome : Tutto bene - come ff
Opera : Idem come sopra
Safari : Anche qui, tutto a posto
IE : Riempi il form, lo mandi...e se riapri....appare la sagoma del form...vuota! - nessun campo o bottone "submit form" :(
Qualche idea ? :-[
-
Le scritte rosse le ho lasciate volutamente. Controllano che il form non venga inviato con i campi vuoti o non validi. Appena si scrive nei campi scompaiono in automatico.
Ho messo la mia prova online (quando hai visto/provato tolgo dal server): ho provato sia a scrivere che ad inviare un messaggio con IE7 - IE8 - IE9 ... tutto funziona correttamente.
Sparisce la risposta e ricompare il form ... vedi differenze con il tuo esempio?
-
Se lasci tutti i campi vuoti e provi a mandare, appaiono le scritte rosse. Dopo chiudi il form. Se lo riapri, sono ancora li'....
Ho riprovato IE - adesso va' :-[
-
A proposito....togli pure dal tuo server
Se serve, e' qui : http://www.mlongo.net/en/slideform/index.html
-
Ciao,
io resto ancora dell'idea che se un visitatore prova a mandarmi un form vuoto ... è giusto che visualizzi i messaggi di errore quando riapre il form ... :)
.. comunque questa è la modifica da fare per toglierli (solo ad una nuova apertura del form ... restano invece per la validazione dei campi):
Nella funzione contact() aggiungi anche queste righe (in rosso):
function contact() {
if ($("#contactForm").is(":hidden")){
$("#contactForm").slideDown("slow");
$("#backgroundPopup").css({"opacity": "0.7"});
$("#backgroundPopup").fadeIn("slow");
//nasconde i messaggi di errore se visibili
if($(".name-missing, .email-missing, .message-missing").is(':visible')){
$(".name-missing, .email-missing, .message-missing").hide();
}
//cancella il valore dei campi del form
$("#name, #e-mail, #message").val('');
}
else{
$("#contactForm").slideUp("slow");
$("#backgroundPopup").fadeOut("slow");
}
}
-
Un po' di pazienza :-[ :-[ ....
Io mi ritrovo questo :
function contact() {
if ($("#contactForm").is(":hidden")){
$("#contactForm").slideDown("slow");
$("#backgroundPopup").css({"opacity": "0.7"});
$("#backgroundPopup").fadeIn("slow");
}
else{
$("#contactForm").slideUp("slow");
$("#backgroundPopup").fadeOut("slow");
$("#name, #e-mail, #message").val('');
}
E' un po diverso dal codice che hai dato e mettendo quelle righe in rosso, il form non scende piu'....Dove va messo ?
Colgo l'occasione per un altra (spero) ultima richiesta : i valori nel form sono azzerati un attimo prima di chiudere il form. E' possibile farlo subito dopo che viene chiuso il form ? E' visibile il form azzerato per una frazione di secondo... ???
-
@Stesil direi che si potrebbe, volendo, postare il nuovo file iwp corretto in modo da sostituire quello presente.
Altra cosa...dispiace anche che da un mio topic sia partito tutto questo lavorone a tuo carico.
Per il futuro apprezzate per non dire accontentatevi di quello che viene postato; magari poi "bastonate" per questioni tecniche chi realmente (la fonte) lo ha realizzato, qui si cerca semplicemente di montarlo su website.
Ciao.
-
Si, infatti questo thread e' diventato abbastanza grande e Stesil si e presa un enorme lavoro (prendo l'occasione per ringraziare lei e tutti quelli che hanno messo il "zampino").
Si poteva fare tramite mp, ma almeno cosi' e per chiunque sta seguendo questo thread...... ;)
-
Oggie, è vero ... ho spostato una parte del codice ... e dopo le varie prove che ho fatto me ne sono dimenticata!
... anche se mi sa che in questo modo (se ho capito bene la tua ultima richiesta), senza volerlo, si è già risolto anche l'ultimo problema, perchè i campi vengono cancellati quando si apre il form, non quando si chiude.
Allego il file script.js, così non ci dovrebbero essere più problemi di copia/incolla.
@GDR: non ti preoccupare, lo sai, a volte mi imbarco in queste scorribande nel codice altrui ... ma sempre e solo finchè posso e se ne sono capace. Grazie :)
[attachurl=1]
-
Scusa se ho sempre problemi....
Sei assolutamente sicura che vada ? A me non funziona! :( :(
-
... hai cambiato il nome del file? Nel tuo progetto si chiama slideform_en.js
-
... hai cambiato il nome del file? Nel tuo progetto si chiama slideform_en.js
L'ho chiamato slideform_en1.js e solo provato in locale.....quello sul server e' ancora quello vecchio - non ho ancora esportato..
-
Qui la mia prova. Il file utilizzato è identico: l'ho scaricato dal server prima di postarlo.
.... scusami se te lo chiedo, ma hai cambiato anche nome del file in head?
<script type="text/javascript" src="files/slideform_en1.js">
Se sì .... non resta altra via che vedere il progetto esportato.
Edit: rimosso il link.
-
.... scusami se te lo chiedo, ma hai cambiato anche nome del file in head?
<script type="text/javascript" src="files/slideform_en1.js">
:-[ :-[ Mi sento molto stupido......ho solo cambiato il nome del file attacato con la grafetta... :-[ :-[ scusa....
Funziona perfettamente.....
Grazie di nuovo...
-
Non ti preoccupare Oggie,
si cerca la causa di un problema in qualcosa di macroscopico ... e invece .... manca un numero, o una virgola, o uno spazio .... lavorando con il codice succede spesso. ;)
-
Generalmente uso lo stesso nome per poter cambiare solo il file attacato (lo cancello e ri-aggiungo per forzare Evo a ri-leggerlo)...questa volta no...non so perche' :-[ :-[