Form HTML checkbox di de1980

Pagine: 1 [2] [3]

urf

02/11/2017 17:47:13

Ti suggerisco vivamente di usare checkbox se non vuoi usare jquery o js in generale.

Fap Titans
Hai mai sognato di essere l´eroe circondato da belle ragazze? Ecco il gioco per te!

de1980

02/11/2017 18:24:41

A me andrebbe bene usare il checkbox ma con più di 100 valori per il checkbox nella pagina è ingestibile, per di più questi 100 valori sono e devono restare raggruppati.
Pensavo potrei secondo voi insere i vari valori del checkbox dentro a un menù, tipo menù a discesa verticale?

War Thunder
Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

Modificato il 02/11/2017 19:01:56 da de1980

de1980

02/11/2017 21:37:38

ho trovato il <select multiple> che ti fa selezionare più di un´opzione, l´unica cosa scomoda è che per selezionarli bisogna tenere premuto il CTRL e è molt scomodo e non intuitivo, avete idea di come si può ovviare il problema del CTRL?

Rail Nation
Il tuo impero su rotaie online! Guida la tua compagnia ferroviaria dal passato al presente, investi nelle industrie emergenti ecc.

startrekfederation_staff

03/11/2017 21:33:49

Anche noi abbiamo avuto questo problema qualche tempo fa: questo sembra fare al caso tuo: [Link ] (l´esempio è preso da [Link ])

Enjoy!

Star Trek: Federation - PbC anno 2397
[Link ]

Modificato il 03/11/2017 21:35:09 da startrekfederation_staff

de1980

06/11/2017 16:28:00

startrekfederation_staff ha scritto: Anche noi abbiamo avuto questo problema qualche tempo fa: questo sembra fare al caso tuo: [Link ] (l´esempio è preso da [Link ])

Enjoy!

non mi apre il primo link mi da errore 404, il secondo è in inglese e speravo di trovare qualcosa in italiano per capire un po´ meglio

War Thunder
Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

raysmoke

06/11/2017 16:55:07

http://jsfiddle.net/xQqbR/1022/

[Link ]

de1980

06/11/2017 21:49:08

Non mi funziona puoi controllare il codice per favore:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
$(´option´).mousedown(function(e) {
e.preventDefault();
var originalScrollTop = $(this).parent().scrollTop();
console.log(originalScrollTop);
$(this).prop(´selected´, $(this).prop(´selected´) ? false : true);
var self = this;
$(this).parent().focus();
setTimeout(function() {
$(self).parent().scrollTop(originalScrollTop);
}, 0);
</script>

</head>
<body>

<?php
echo"<form method=´post´ action=´portate_menu.php´>";
echo"<select multiple=´multiple´ name=´bevande´>";
echo"<option> Bevande </option>";
echo"</select>";
echo "<input type=´submit´ value=´INVIA!´>";
echo"</form>";
?>

Star Conflict
Star Conflict è MMO a tema sci-fi che offre un combattimento di azione con più di 100 navi con nove ruoli tattici! Esplora l´Universo!

Modificato il 07/11/2017 09:11:52 da de1980

raysmoke

06/11/2017 22:44:15

Devi verificare se la console ti restituisce errori o warning

Per il resto, se vuoi aiuto (da chiunque), ti suggerisco di dare una pulita e indentare decentemente il codice, perché viene il mal di testa a leggerlo così.

[Link ]

de1980

07/11/2017 09:08:16

raysmoke ha scritto: Devi verificare se la console ti restituisce errori o warning

Per il resto, se vuoi aiuto (da chiunque), ti suggerisco di dare una pulita e indentare decentemente il codice, perché viene il mal di testa a leggerlo così.

era anche peggio prima per quello l´ho modificato la parte sotto non sono riuscita ad indentarla ora riprovo, dalla pagina ho tolto tutto a parte quello di interesse, ora lo ricontrollo

War Thunder
Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

de1980

07/11/2017 09:12:52

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
$(´option´).mousedown(function(e) {
e.preventDefault();
var originalScrollTop = $(this).parent().scrollTop();
console.log(originalScrollTop);
$(this).prop(´selected´, $(this).prop(´selected´) ? false : true);
var self = this;
$(this).parent().focus();
setTimeout(function() {
$(self).parent().scrollTop(originalScrollTop);
}, 0);
</script>

</head>
<body>

<form method=´post´ action=´portate_menu.php´>
<select multiple=´multiple´ name=´bevande´>
<option> Bevande: </option>
<option> Acqua </option>
<option> Vino </option>
<option> Caffè </option>
</select>
<input type=´submit´ value=´INVIA!´>
</form>