jquery - Bootstrap Popover inside dynamic Select Option -


i'm trying popover creates content dynamic , wants interactuate option selected. let me explain: have select , 1 of option has pop popover have form 'accept' , 'cancel' buttons. first of all, doesn't show on page, , second 1 (trying in w3schools editors @ last can show popover) cancel button doesn't hide current popover.

this jsfiddle popover working not closing (only has console.log try show 'hello' doesn't work)

and jsfiddle trying popover when 'no disponible' selected.

anyone can explain why doesn't work of attempts? thank in advance

here go solution first half https://jsfiddle.net/c3yq1o43/3/ . closing of popover on clicking cancel button

$(document).ready(function(){    	 closepop = function(){     	  $('[data-toggle="popover"]').popover('hide');     }                var pop = $('[data-toggle="popover"]').popover({      html:true,      content: function(){      	return "<form name='statusform'>"+          			"<div class='form-group'>"+                      	"<textarea class='form-control' name='estado' placeholder='motivo de la no-disponibilidad' required></textarea>"+                      "</div>"+          			"<button class='button btn btn-success' type='button'>aceptar</button>"+                      "<button class='button btn btn-success' type='button' onclick='closepop()'>cancelar</button>"+                  "</form>"      }});                      });
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>    <body>    <div class="container">      <h3>popover example</h3>      <p>popovers not css-only plugins, , must therefore initialized jquery: select specified element , call popover() method.</p>      <a href="#" data-toggle="popover" title="popover header">toggle popover</a>    </div>  </body>

i trying make second half of question. little bit of confusion..

on selection of 'no disponible' option want show popover???


Comments

Post a Comment

Popular posts from this blog

python - Selenium remoteWebDriver (& SauceLabs) Firefox moseMoveTo action exception -

while performing simple hover test on firefox through selenium (3.4.0) python bindings (3.4.3) using of available os in saucelabs (except linux, latest available firefox version old), performing following actionchain: hover = actionchains(driver) hover.move_to_element(elm_men_menu).perform() it throws following error: taceback: file [...] in testhover hover.perform() file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/common/action_chains.py", line 80, in perform action() file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/common/action_chains.py", line 290, in <lambda> command.move_to, {'element': to_element.id})) file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/remote/webdriver.py", line 256, in execute self.error_handler.check_response(response) file "/usr/local/lib/python2.7/...
Read more

html - How to custom Bootstrap grid height? -

why bootstrap grid has height 591.067 ? did height came ? .main-post { padding: 20px; background-color: #fff; border: 1px solid #d8d8d8; margin-bottom: 100px; } .main-post .post-categories { margin-bottom: 10px } .main-post h3 { margin: 0 0 10px; color: #777; letter-spacing: -1px; font-weight: bold } .main-post .post-author, .main-post .post-date, .main-post .post-comments { font-size: 12px } .main-post img { display: block; margin: 10px 0; } .main-post .post-summary { line-height: 1.7; color: #888 } .main-post { color: #999 } <div class="col-sm-6"> <div class="main-post"> <h3 class="post-title"> <a href="#"> post title </a> </...
Read more

transpose - Maple isnt executing function but prints function term -

im using maple im in worksheetmode tried using maple input , 2d input , want transpose matrix a: := `<|>`(`<,>`(1, .5, -2), `<,>`(.5, 9/4+b, 5+3*b), `<,>`(-2, 5+3*b, 18+9*b+4*a)); b:= transpose(a); when exectute sheet dont translated values, there same input. matrix looks same input matrix plus function term. you can see picture in following link: why arent functions executed? meanwhile b:=a^+ doing right way , transposed matrix. other functions return function body instead needed values... if using 2d input mode (the default) space you've got between transpose , bracketed (b) interpreted multiplcation. rid of such space. also, either load package @ start of document like, with(linearalgebra): before calling transpose command package, or call it's full name like, linearalgebra:-transpose(b);
Read more