PROBLEMA Grafica sulla progettazione di un sito

Pubblicità
L

Lospie

Nuovo Utente
Messaggi
39
Reazioni
2
Punteggio
24
Ciao a tutti sto facendo un sito per un progetto universitario, solo che mi sono bloccato in un piccolo punto.
Praticamente vorrei avere un tasto "AGGIUNGI" che quando viene cliccato faccia comparire sotto ad esso due campi di testo.

Presumo che serva l'utilizzo di javascript, ma non saprei neanche da dove iniziare.. Qualcuno mi può dare una mano?

Grazie mille a tutti
 
Ciao Lospie,
potresti provare ad utilizzare Javascript DOM Document, ti consiglio di consultare questo link: https://www.w3schools.com/js/js_htmldom_document.asp
Giusto per darti un'idea.

EDIT: Da notare, che puoi, ad esempio, modificare lo stile di un elemento. Potresti quindi, molto banalmente, scrivere una funzione con trigger onclick sul pulsante, questa poi mediante DOM deve modificare lo style dell'elemento da display: none a block.
 
Ultima modifica:
Lospie ha detto:
Ciao a tutti sto facendo un sito per un progetto universitario, solo che mi sono bloccato in un piccolo punto.
Praticamente vorrei avere un tasto "AGGIUNGI" che quando viene cliccato faccia comparire sotto ad esso due campi di testo.

Presumo che serva l'utilizzo di javascript, ma non saprei neanche da dove iniziare.. Qualcuno mi può dare una mano?

Grazie mille a tutti
Clicca per espandere...
Ti consiglio di usare jquery. Puoi inserire il nuovo codice HTML direttamente nel pulsante "inserisci"

Inviato dal mio Nexus 5 utilizzando Tapatalk
 
Lospie ha detto:
Ciao a tutti sto facendo un sito per un progetto universitario, solo che mi sono bloccato in un piccolo punto.
Praticamente vorrei avere un tasto "AGGIUNGI" che quando viene cliccato faccia comparire sotto ad esso due campi di testo.

Presumo che serva l'utilizzo di javascript, ma non saprei neanche da dove iniziare.. Qualcuno mi può dare una mano?

Grazie mille a tutti
Clicca per espandere...
Come ti ha detto l'utente precedente utilizza jquery. In particolare dovresti inserire nella pagina HTML due caselle di testo dove vuoi tu ma non far vedere nel dom le caselle. Poi con il bottone puoi utilizzare la proprietà show() di jquery che la attivi quando clicchi sul pulsante "AGGIUNGI" e così le proprietà dei due campi di testo da invisibili diventano visibili facendo ciò che tu avresti voluto fare. Di guide su jquery ne trovi a bizzeffe sul web dal semplice html.it a w3schools e altri. Spero di esserti stato d'aiuto.

Inviato da FEVER tramite App ufficiale di Tom\'s Hardware Italia Forum
 
Grazie a tutti, non ho ancora avuto la possibilità di guardare le guide!
Ora mi metto all'opera e vedo se ci riesco!
 
Ragazzi... capisco che jQuery possa sembrare facile utilizzarlo, ma ad oggi JavaScript si è evoluto abbastanza da non doverne più aver bisogno! State cercando di sparare con un cannone (lento) ad un moscerino, quando in realtà ti danno già a disposizione le racchette elettrificate :fumato: Inoltre così facendo Lospie non capirà mai come funziona il DOM.

Ti consiglio di vedere le seguenti funzioni (nude e crude) di JavaScript:

1. document.getElementById() (per "trovare" il pulsante con un identificativo (id) noto)
2. element.addEventListener() (per effettuare un "bind" di una funzione (callback) ad un dato evento), in particolare l'evento "click"
3. event.preventDefault() (per evitare che il pulsante scateni eventuali eventi di submit di un form o simili)
4. HTMLElement.style (per decorare lo stile dei campi di testo, hint: proprietà "display"), in alternativa Element.classList con l'utilizzo di una classe CSS.
 
Giacomo Furlan ha detto:
Ragazzi... capisco che jQuery possa sembrare facile utilizzarlo, ma ad oggi JavaScript si è evoluto abbastanza da non doverne più aver bisogno! State cercando di sparare con un cannone (lento) ad un moscerino, quando in realtà ti danno già a disposizione le racchette elettrificate :fumato: Inoltre così facendo Lospie non capirà mai come funziona il DOM.

Ti consiglio di vedere le seguenti funzioni (nude e crude) di JavaScript:

1. document.getElementById() (per "trovare" il pulsante con un identificativo (id) noto)
2. element.addEventListener() (per effettuare un "bind" di una funzione (callback) ad un dato evento), in particolare l'evento "click"
3. event.preventDefault() (per evitare che il pulsante scateni eventuali eventi di submit di un form o simili)
4. HTMLElement.style (per decorare lo stile dei campi di testo, hint: proprietà "display"), in alternativa Element.classList con l'utilizzo di una classe CSS.
Clicca per espandere...
Si Giacomo ti do completamente ragione su ciò che hai detto ma tieni conto che il ragazzo che ti ha chiesto sta domanda probabilmente è alle prime armi con la creazione di un sito web quindi avere a disposizione uno strumento già "prefabbricato" può dargli notevoli aiuti.

Inviato da FEVER tramite App ufficiale di Tom\'s Hardware Italia Forum
 
Secondo me proprio perché sta imparando, è giusto che impari bene! Da autodidatta cominciai proprio con jQuery, e quando scoprii il "vero" JavaScript dovetti reimparare tutto da capo.
 
Giacomo Furlan ha detto:
Secondo me proprio perché sta imparando, è giusto che impari bene! Da autodidatta cominciai proprio con jQuery, e quando scoprii il "vero" JavaScript dovetti reimparare tutto da capo.
Clicca per espandere...
Secondo me, al contrario, oggi per programmare è bene sapere che esistono e saper utilizzare strumenti più evoluti. Non è che bisogna sempre reinventare la ruota da soli. Se implementa jquery, oltre a quello che deve fare, può aggiungere molte altre cose. Cioè, per usare un'istruzione in un linguaggio non ti serve sapere come questa viene implementata in assembly.
Jquery è ormai un framework consolidato e ufficialmente riconosciuto come naturale estensione di JS.

Inviato dal mio Nexus 5 utilizzando Tapatalk
 
Devo fare un sito solo con html e php con eventuale css. Per quanto riguarda per il momento mi serve solo il pezzo di codice che fa quella determinata cosa (che è una cosa aggiuntiva per scelta mia). Ovviamente se so cosa fa è meglio per me! E sono d'accordo con te @Giacomo Furlan che se devo impararla devo farlo bene! e ti ringrazio per i link che mi hai postato!

Comunque ho sono andato a vedere jquery su w3schools, ho visto quello che fa per me cioè hide e show. L'unica cosa che il testo che vorrei mostrare lo fa vedere subito e dovrei cliccare il tasto (collegato con hide) per nasconderlo... come posso nasconderlo subito? ho guardato anche javascript ho provato a scrivere un pezzo di codice ma di sicuro l'ho scritto male perché non va :suicidio::suicidio::suicidio:
 
Risolto!! alla fine ho usato javascript tramite una funzione:love::luxhello::love::luxhello:

Grazie mille per l'aiuto e i link che mi avete postato!! :brindiamo:
 
Sono ancora qua! ho risolto quel problema ma me ne crea un altro e me ne sono accorto solo oggi!! praticamente il pezzo di codice che richiama la funzione di javascript funziona soltanto mettendolo prima della parte di php (quindi quando è ancora nella parte di HTML) se lo metto dopo non mi funziona, sapete la motivazione?


ah l'errore che mi da è "Notice: Undefined index ..."
 
Ultima modifica:
Pubblicità
Pubblicità
Indietro
Top