[Bootstrap] Hidden input messing with checkbox
Locked
[Bootstrap] Hidden input messing with checkbox
 
|
Hi!
I am using bootstrap for a university project and someone of my team is making mockups and I reproduce them with Seaside. But I have a problem with checkboxes. He gave me this code: <div class="checkbox"> <input type="checkbox" id="question1Answer1"> <label for="question1Answer1"> Aenean semper rutrum nisi. </label> </div> But seaside generate this: <div class="checkbox"> <input type="checkbox" name="10" id="question1Answer1"> <input type="hidden" name="11"> <label for="question1Answer1"> Aenean semper rutrum nisi. </label> </div> Because of the hidden input I cannot check the checkbox. If I remove it in the DOM, I can. I think I must not be the first to have this problem. Does someone have a workaroud? Thanks! -- Cyril Ferlicot http://www.synectique.eu 2 rue Jacques Prévert 01, 59650 Villeneuve d'ascq France _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
signature.asc (817 bytes)
Re: [Bootstrap] Hidden input messing with checkbox
|
|
Re: [Bootstrap] Hidden input messing with checkbox
|
|
On 04/11/2016 04:47, Mariano Martinez Peck wrote:
> Hi Cyril, > > It would be nice if you can paste your seaside render code besides the > resulting html. > > Cheers, > Hi! This is the code I used: self orderedAnswers do: [ :answer | html div class: #checkbox; with: [ html checkbox id: html nextId; value: (aComponent resultFor: answer); callback: [ :isChecked | aComponent at: answer put: isChecked ]. html label for: html lastId; with: answer text ] ] And this is the result: <div class="checkbox"> <input id="id35" name="36" type="checkbox"> <input name="37" type="hidden"> <label for="id35"> rutrum feugiat</label> </div> Yesterday I found a hack to make it work but I would like something cleaner: html document addLoadScript: (JSStream on: '$(".checkbox").each(function(i,e){$(e).children("input[type=hidden]").prependTo(e)})') One problem with that is that I need to think to call it when I use Ajax. -- Cyril Ferlicot http://www.synectique.eu 2 rue Jacques Prévert 01, 59650 Villeneuve d'ascq France _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: [Bootstrap] Hidden input messing with checkbox
|
|
Re: [Bootstrap] Hidden input messing with checkbox
|
|
Re: [Bootstrap] Hidden input messing with checkbox
|
|
On 04/11/2016 14:53, Mariano Martinez Peck wrote:
> > > > The above code looks correct to me. I don't see anything strange. > And I never saw the issue you describe that you cannot click a checkbox > (and yes, I use bootstrap too). > > When you click on the checkbox, nothing happens at JS side or at server > side? Is the callback executed? > > The surrounding div with class 'checkbox' seems a bit strange, but I > don't see anything else :( > > Cheers, > bootstrap checkbox in his css. https://github.com/flatlogic/awesome-bootstrap-checkbox In the dome page (http://flatlogic.github.io/awesome-bootstrap-checkbox/demo/), if you edit the html of a checkbox to add a <input type="hidden"> after an input checkbox, we cannot see if the checkbox is checked anymore. Sorry for the misunderstanding. I though my college used only bootstrap. > > -- > Mariano > http://marianopeck.wordpress.com > > > _______________________________________________ > seaside mailing list > [hidden email] > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > -- Cyril Ferlicot http://www.synectique.eu 2 rue Jacques Prévert 01, 59650 Villeneuve d'ascq France _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
| Free forum by Nabble | Edit this page |