Inserisci nuovo imput di testo a ogni click

Gozer

Nuovo Utente
14 Mar 2014
3
0
0
Ciao a tutti, colgo l'occasione per ringraziare tutti quelli che ogni giorno hanno la pazienza di aiutarci nel risolvere i problemi che riscontriamo sui vari linguaggi..

Detto questo vi pongo il mio problema, ho già cercato e trovato qualcosa qui su mrwebmaster simile al mio problema ma purtroppo non ho trovato nessuna soluzione al mio problema.

Praticamente ho una pagina chiamata addform.php che serve in base al modulo richiamato ad aggiungere diversi imput per immissione di indirizzi, nomi etc.. (Questo varia in base al modulo richiamato)
Bene, anzi male e da diversi giorni che provo a far funzionare questa parte di codice e prorprio non ci riesco:


Codice:
<script type="text/javascript">
    $(function() {
            var stepDiv = $('#p_steps');
            var i = $('#p_steps p').size() + 1;
 
            $('#addStep').live('click', function() {
                    if( i < 10 ) {
                        $('<p><label for="p_stepss"><small><?=$lang['jobs_06']?>: '+ i +'</small> <input class="step" type="text" id="p_step" name="p_step_' + i +'" value="" /></label> <a href="#" id="addStep"> <a href="#" id="remStep"></a></p>').appendTo(stepDiv);
                        i++;
                    }
                    return false;
            });

            $('#remStep').live('click', function() { 
                    if( i > 0 ) {
                        $(this).parents('p').remove();
                        i--;
                    }
                    return false;
            });
    });
</script>

Parte Html:
HTML:
<div id="p_steps">
    <p>
        <label for="p_stepss"><small><?=$lang['jobs_06']?>: 1</small> <input class="step" type="text" id="p_step" name="p_step" value="" /></label> <a href="#" id="addStep"></a>
    </p>
</div>

Il problema è questo, sul primo step che è quello visibile da subito accanto viene visualizzato grazie al CSS un pulsante + per aggiungere altri step.
Cliccandoci in teoria dovrebbe creare uno stesso campo di imput chiamandolo step 2 e con accanto il + e il - per eventualmente eliminare il nuovo campo creato.. Tutto questo non succede, anzi per dire la verità riesco a farlo funzionare solo se all'inizio del codice javascript inserisco $.noConflict(); allora qual'è il problema giustamente qualcuno di voi può pensare? Il problema è che se io inserisco il $.noConflict(); questo mi cambia graficamente gli altri campi. Ho inserito delle immagini per rendere meglio l'idea.

Immagine 1
1.png


Immagine 2
2.png

La cosa che capisco io è questa, se inserisco il $.noConflict(); il codice javascript funziona ma visto che non ci sono conflitti viene abbinato il CSS giusto ma come si può vedere nella prima immagine non va bene.

Non inserendo il $.noConflict(); viene abbinato un CSS secondario cioè dell'altro tema ma il codice javascript non funziona.

La mia domanda è questa, come posso sistemare il codice javascript senza bisogno di inserire $.noConflict(); cosi il CSS abbinato mi rimane quello della seconda immagine?

Spero sono riuscito a fare capire qual'è il problema, e non ho creato troppa confusione.

Grazie a tutti anticipatamente per l'aiuto.
Saluti.
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
W Aggiungere un nuovo campo input per fare una ricerca in base al numero che inserisci Classic ASP 26
I invia inserisci nome utente invia messaggio PHP 0
D [Photoshop] Comando "inserisci" non disponibile. Photoshop 1
R Inserisci il tuo sito in oltre 250 directory gratis SEO e Posizionamento 6
P inserisci Offerte di Pasqua Presenta il tuo Sito 0
Z Inserisci gratis il tuo sito su 1000siti.com no backlink Presenta il tuo Sito 4
T Tao01.com: 243 stati, 400.000 città, 243 MKP. Inserisci la tua attività a gratis! Presenta il tuo Sito 3
P Inserisci il tuo profilo su www.albo-professionisti.it Discussioni Varie 0
P Inserisci il tuo profilo su www.albo-professionisti.it Altri Annunci 0
P Inserisci il tuo profilo su www.albo-professionisti.it Presenta il tuo Sito 0
V inserisci stio web - nuova directory Presenta il tuo Sito 0
M Inserisci il tuo sito Presenta il tuo Sito 2
E Sifree.net : inserisci il tuo sito Presenta il tuo Sito 10
K Inserisci il tuo sito Presenta il tuo Sito 2
K Inserisci gratis il link del tuo sito Presenta il tuo Sito 0
K Inserisci gratis il link del tuo sito SEO e Posizionamento 1
E Benvenuti sul Nuovo Sito: Explore Como Lake! Presenta il tuo Sito 0
K Sfondo nuovo file Photoshop 0
F errore 1062 su campo nuovo MySQL 4
G Bentrovati da un nuovo utente Presentati al Forum 1
M Ciao a tutti sono un nuovo iscritto Presentati al Forum 0
D Nuovo blog Vendere e Acquistare pubblicita' online 3
C Nuovo membro Presentati al Forum 0
M Nuovo e newbie Presentati al Forum 0
F Nuovo utente Presentati al Forum 0
G Nuovo Presentati al Forum 0
Cosina Nuovo gtag.js snippet Google Analytics 1
G Link Building da aggregatori e nuovo social network SEO e Posizionamento 1
M Essendo un nuovo Iscritto vi porgo i miei saluti più sinceri e vi auguro un buon lavoro a tutti Presentati al Forum 1
A Sono nuovo Presentati al Forum 1
O Sono nuovo Presentati al Forum 1
L Presentazione Nuovo Iscritto Presentati al Forum 1
G Sono nuovo Presentati al Forum 0
W Nuovo utente Presentati al Forum 0
J Nuovo utente Presentati al Forum 1
G Nuovo utente Presentati al Forum 1
F Load balancing in casa e nuovo router Reti LAN e Wireless 0
R Nuovo arrivato Presentati al Forum 2
felino Bug estetici del nuovo layout Supporto Mr.Webmaster 1
G Richiesta consigli SEO: nuovo algoritmo Google (e altro) SEO e Posizionamento 2
Licantropo [Joomla] Nuovo progetto community locale Joomla 18
G nuovo Presentati al Forum 1
C Nuovo arrivato Presentati al Forum 1
A Nuovo arrivato Presentati al Forum 0
P Nuovo del forum Presentati al Forum 0
S Nuovo Presentati al Forum 1
L Nuovo utente Presentati al Forum 0
L ciao sono liloeconnie e sono nuovo in questo forum Presentati al Forum 0
M Nuovo Utente Presentati al Forum 0
Robpagna Nuovo utente Presentati al Forum 2

Discussioni simili