WebSite X5Help Center

 
Maurizio R.
Maurizio R.
User

Pulsante invio nel campo testo  it

Autore: Maurizio R.
Visite 1018, Followers 2, Condiviso 0  

Buongiorno a tutti, ho visto sul sito di website una cosa molto carina, cioè hanno inserito il pulsante invio nel campo testo. Sono riuscito a fare tutto, gli angoli arrotondati la parte destra di un altro colore. La cosa che non riesco a fare è inserire propio il pulsante nella parte destra del campo, come da foto allegata. Sapreste dirmi come caspita si fa? Grazie

Postato il
20 RISPOSTE - 1 UTILE
Fabio C.
Fabio C.
User

Individua l'ogggetto pulsante nella pagina e sostituisiclo in quasto codice che puoi mettere in un oggetto hatml vuoto nella sezione esperto (puoi uscare anche un oggetto HTML nella pagina che ha altri codici)

#imObjectForm_3_buttonswrap {
position: relative !important;
width: 20% !important;
top: -55px !important;
left: 80% !important;
}

In grassetto e il pulsante da indivisìduare

Se non riesci posta la pagina che te lo trovo io wink

Leggi di più
Postato il da Fabio C.
Maurizio R.
Maurizio R.
User
Autore

Anzitutto grazie, non capisco dove trovo questo " In grassetto e il pulsante da indivisìduare" cosa devo mettere al posto del testo in grassetto? non posso postare la pagina perchè non è ancora online. grazie

Leggi di più
Postato il da Maurizio R.
Fabio C.
Fabio C.
User

In grassetto è il numero di cella dove si trova l'oggetto con il nome dell'oggetto che devi per forza individuare perchè ti funzioni lo script.

Se il sito non è ancora finito, o lo pubblichi in una sottocartella sul tuo spazio web che puoi chiamare prova o lo pubblichi su uno spazio gratuito tipo altervista, altra soluzione, se riesci, apri la pagina in anteprima con wx e clicca con il pulsante dx in qualsiasi punto della pagina e poi clicca "Ispeziona Codice" e da li individui l'oggetto.

Leggi di più
Postato il da Fabio C.
Maurizio R.
Maurizio R.
User
Autore

L'oggetto in questione non è in una cella ma è nel footer come quello del sito di incomedia

Leggi di più
Postato il da Maurizio R.
Giuseppe Guida
Giuseppe Guida
User

MA non fai prima ad usare l'Oggetto Modulo Contatto dato che in Incomedia è quello fondamentalmente? Gli posizioni in tutti i Breakpoint del Footer un Oggetto modulo contatto con il solo campo "Posta Elettronica" attivo (gli scrivi all'interno dell'etichetta: "E-mail") e il pulsante INVIA che puoi personalizzare dallo stesso Oggetto.

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

P.S. l'unica differenza dall'oggetto modulo contatto che vedi sul sito di Incomedia nel footer è che il pulsante INVIA sarà posizionato sotto al campo "E-mail" e non sulla sua destra (ma con del codice extra lo puoi anche posizionare a destra senza problemi)

Leggi di più
Postato il da Giuseppe Guida
Fabio C.
Fabio C.
User
Giuseppe Guida
P.S. l'unica differenza dall'oggetto modulo contatto che vedi sul sito di Incomedia nel footer è che il pulsante INVIA sarà posizionato sotto al campo "E-mail" e non sulla sua destra (ma con del codice extra lo puoi anche posizionare a destra senza problemi)

Se hai seguito il post è proprio quello che vuole (posizionare a lato il pulsante) e lo puoi fare con codice extra postato ma se non individua la cella/posizione e nome dell'oggetto non gli può funzionare.

Leggi di più
Postato il da Fabio C.
Giuseppe Guida
Giuseppe Guida
User

Ah sì Patrizia, avevo letto per fretta "Oggetto testo" (credevo volesse inserire un pulsante in un Oggetto Testo) invece parla di "campo testo", ok... Deve individuare l'ID come gli è stato consigliato e poi con del codice lo può fare con l'aiuto della community

Leggi di più
Postato il da Giuseppe Guida
Fabio C.
Fabio C.
User
Giuseppe Guida
Ah sì Patrizia, avevo letto per fretta "Oggetto testo" (credevo volesse inserire un pulsante in un Oggetto Testo) invece parla di "campo testo", ok... Deve individuare l'ID come gli è stato consigliato e poi con del codice lo può fare con l'aiuto della community

Già postato codice funzionante sopra e come inserirlo ma se non si può individuare l'ID non si può fare nulla, gli ho ance suggerito come fare ad individuarli e, se riesce a pubblicare, lo possiamo fare noi wink

Leggi di più
Postato il da Fabio C.
Giuseppe Guida
Giuseppe Guida
User

Sì, è esattamente il codice usato da me in questo mio template qualche mese fa: http://www.bozzasito001.altervista.org/nails07shop/

vedi il pulsante "Go" affiancato agli altri due campi (sotto l'Header). Però poi se alle risoluzioni responsive non c'è fisicamente spazio per il pulsante sulla destra, quest'ultimo va a posizionarsi in automatico sotto agli altri due campi.

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

Lo vedi nello screen sotto...

Leggi di più
Postato il da Giuseppe Guida
Giancarlo B.
Giancarlo B.
User
Utente del mese IT
Giuseppe Guida
Sì, è esattamente il codice usato da me in questo mio template qualche mese fa: http://www.bozzasito001.altervista.org/nails07shop/ vedi il pulsante "Go" affiancato agli altri due campi (sotto l'Header). Però poi se alle risoluzioni responsive non c'è fisicamente spazio per il pulsante sulla destra, quest'ultimo va a posizionarsi in automatico sotto agli altri due campi.

infatti Guiseppe, avevo proprio linkato il post con la tua risposta che risolveva la problematica, allo stessa mia richiesta .... wink

Leggi di più
Postato il da Giancarlo B.
Giuseppe Guida
Giuseppe Guida
User

Io, avendo inserito i campi "Nome" e "E-mail" (e non solo il campo "E-mail") ho anche utilizzato una media query per fare in modo che al di sotto dei 720px, essendoci poco spazio fisico per mantenere il pulsante a destra, ques'ultimo si va a a posizionare al di sotto degli altri due campi (come da impostazioni di default dell'Oggetto Modulo Contatto")

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

Sì Giancarlo, poi ho visto ma il problema di Maurizio è che non riesce ad individuare l'ID di riferimento e, come detto da Patrizia, se lui posta il link provvisorio del sito, lo potrebbe aiutare qualcuno più esperto...

Ciao smile

Leggi di più
Postato il da Giuseppe Guida
Fabio C.
Fabio C.
User
Giuseppe Guida
Sì, è esattamente il codice usato da me in questo mio template qualche mese fa: http://www.bozzasito001.altervista.org/nails07shop/ vedi il pulsante "Go" affiancato agli altri due campi (sotto l'Header). Però poi se alle risoluzioni responsive non c'è fisicamente spazio per il pulsante sulla destra, quest'ultimo va a posizionarsi in automatico sotto agli altri due campi.

Si esattamente

Leggi di più
Postato il da Fabio C.
Maurizio R.
Maurizio R.
User
Autore

Grazie a tutti, ho risolto mettendo l'oggetto pulsante propio allineato con il campo testo, l'unica differenza è che quando uno digita la mail poi lo si indirizza nella pagina, bisogna riscrivere la mail.

Il sito è pubblicato www.infoassistenza.com, un'ultima gentilezza, se mi fate avere il codice completo

posso provare come dite voi. Grazie di tutto

Leggi di più
Postato il da Maurizio R.
Fabio C.
Fabio C.
User

Per darti il codicde inserisci l'0ggetto Modulo Contatto al posto del tuo "ISCRIVITI ALLA NOSTRA NEWSLETTER" e mettilo online

Leggi di più
Postato il da Fabio C.
Giuseppe Guida
Giuseppe Guida
User

Hai messo l'Oggetto Modulo di Contatto con il solo campo "E-mail" rendendo "invisibile" il pulsante di invio di tale Oggetto e hai poi affiancato un oggetto pulsante: come procedura è errata. Devi inserire, come ti ha consigliato Patrizia, un Oggetto Modulo Contatto (come hai fatto nella pagina in cui si viene reindirizzati se clicchi su "INVIA" nel Footer) con il pulsante INVIA fornito e configurabile tramite tale Oggetto e poi inserisci il codice personalizzato per "spostare" il pulsante e affiancarlo a destra del campo Mail.

Come puoi vedere nello screenshot ho fatto una prova online e se modifichi il codice puoi affiancare il pulsante sulla destra del campo...

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

P.S. il tuo sito non è responsive, forse lo renderai responsive a lavoro ultimato, è consigliabile farlo. Ciao

Leggi di più
Postato il da Giuseppe Guida