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:
Parte Html:
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
Immagine 2
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.
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
Immagine 2
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: