Domanda Mappa con bootstrap

[Sak32009]

Scusami, il fatto che lui abbia tutto l'occorrente non giustifica il fatto che con jquery potrebbe avere una gestione migliore dei dati e javascript ha funzioni diverse o mancanti per ogni browser, con jquery quella funzioni ce l'ha su tutti i browser. Ci sono certi eventi come ad esempio quelli per mobile che non vengono sopportati da vecchi browser e jquery ti aiuta perché le emula. Sono del parere che per chi non sa, jquery o il tanto poco amato bootstrap da te potrebbe essere molto utile se si ha poca voglia di imparare per poi fare da sé.

 

[Valley]

Caccia all'errore

<script>
function blurauladfdfdf2()
{
my_element = document.getElementById("a");
my_element.setAttribute("class","test1");
my_element2 = document.getElementByName("piano3rr");
my_element2.setAttribute("class","test2");
}
</script>

<div id="a" name="piano3rr" class="test1">
AAA
</div>
<div id="a" name="piano4rr" class="test2">
BBB
</div>
<a href="#" onclick="blurauladfdfdf2()">TESTSTSTS</a>

 

[</Singh>™]

Edit capito male.il problema

 

[Kolo93]

Possono essere uguali, se non ricordo male in quel caso si ha un array di oggetti con quell'id

 

[Valley]

Possono essere uguali, se non ricordo male in quel caso si ha un array di oggetti con quell'id

Cioè? non ho capito

 

[Kolo93]

Se io ho 3 div con lo stesso id e faccio un "getElementById();" quei tre oggetti verranno presi in considerazione tutti insieme e quindi verranno trattati come array di oggetti,
Un esempio è che anziché fare
a.setAttribute("qualcosa","qualcosaltro")
scriverai
a.setAttribute("qualcosa","qualcosaltro")
Dove la "i" indica quale dei tre elementi voglio prendere partendo dal primo in scala gerarchica ( in pratica li prende in ordine dal primo all'ultimo a seconda dell'ordine in cui sono stati creati )

 

[Valley]

Ci sono riuscito asd, stavo per cerdere...
test: http://mappaagrariabologna.altervista.org/test.php
Anche nel telefono funziona!
Provo ad implementarlo e vediamo li..

edit:
Funziona sia su telefono che su pc!
Posso (penso?) dire che il piano 0 è praticamente ultimato.

changelog 1.0
1. sistemato responsive del primo piano
2. sistemato problema click

Se potete controllare anche voi e dirmi se ci sono errori:
http://mappaagrariabologna.altervista.org

changelog 1.1
1. sistemati meglio i bottoni nel piano 0 con l'attributo btn-block.
2. completato piano 1
3. completato piano 2
4. completato piano 3
5. completato piano 4
6. completato piano 5

Next: rendere i piani perfettamente responsive e non deformati

 

[Valley]

changelog 1.2
Primo piano responsive per smartphone


@Kolo93 una domanda per te
Adesso devo fare il sistema di ricerca professori; con il bottone cerca l'utente scrive il nome o il cognome o entrambi o la materia e mentre scrive visualizza subito, sotto il box testo del bottone cerca, i possibili risultati.
Cliccando poi uno dei risultati che appaiono sotto si apre la pagina X.

Info e documentazione a riguardo?
Più che il db dovrei capire come funziona il tasto cerca

 

[Kolo93]

Se vuoi fare questa cosa utilizzando il database allora nel tasto che avvia la ricerca devi utilizzare le query SQL.
Però devi utilizzare delle accortezze per la creazione dei giusti attributi per le tabelle, non basta mettere il tipo e il nome e pretendere che funzioni tutto bene. Anche se non credo che avresti questo problema visto che è solo una lettura di pochi record sicuramente diversi.

 

[Valley]

Se vuoi fare questa cosa utilizzando il database allora nel tasto che avvia la ricerca devi utilizzare le query SQL.
Però devi utilizzare delle accortezze per la creazione dei giusti attributi per le tabelle, non basta mettere il tipo e il nome e pretendere che funzioni tutto bene. Anche se non credo che avresti questo problema visto che è solo una lettura di pochi record sicuramente diversi.

Cioè accortezze?
Io vorrei che se tipo nel db ho un prof di nome Mario e cognome Monti
Se io nel tasto cerca scrivo: m(o M) mi appare sotto la lista di tutti i prof con la m nel nome o cognome; se poi aggungo "ma" mi appare sotto la lista con i prof con "ma", se scrivo mario mi appaiono tutti i prof con "mario".

quindi immagio dovrei usare un qualcosa che trova e confronta le singole lettere(?)

 

[Kolo93]

Intanto l'evento viene chiamato ad ogni modifica del campo di testo, un tasto di "invio" non ti serve in questo caso.
Questa è una guida decente sulla creazione di un form per la ricerca utilizzando il database.
http://www.z0r.it/1iC

Questa è la documentazione per la piccola modifica che presumo tu voglia fare, ossia la ricerca che non sia per iniziale, come fa vedere la guida, o per nome preciso come è di solito, ma ma che ricerchi inserendo anche una parte del nome.
http://www.w3schools.com/sql/sql_like.asp

 

[Valley]

Intanto l'evento viene chiamato ad ogni modifica del campo di testo, un tasto di "invio" non ti serve in questo caso.
Questa è una guida decente sulla creazione di un form per la ricerca utilizzando il database.
http://www.z0r.it/1iC

Questa è la documentazione per la piccola modifica che presumo tu voglia fare, ossia la ricerca che non sia per iniziale, come fa vedere la guida, o per nome preciso come è di solito, ma ma che ricerchi inserendo anche una parte del nome.
http://www.w3schools.com/sql/sql_like.asp

una domanda da fare, come faccio a far si che l'evento si attivi ad ogni inserimento di lettera e non al click del bottone "cerca" a lato del box?
Altra domanda come faccio apparire il risultato dentro un piccolo box sotto il bottone cerca?

Se riuscite a trovare le documentazioni di w3schools è ottimo, io ci capisco abbatanza e voi non perdete tempo

 

[Valley]

Ci sono riuscito, grazie a kolo e sopratutto a sak che ha preso il mio codice, buttato e rifatto asd Grazie!

Ora devo capire come far si che il menu a tendina che si forma non vada a smuovere tutto il layout


edit: risolto!

Adesso sto sistemando la grafica del search

 

[Valley]

Ho il menu a tendina che va sotto il titolo, come lo "sollevo"?

Risolto con z-index:1;