I am using jquery mobile 1.4.2.
I want to add a popup instead of alert.
HTML
<input name="im_price" type="text" class="positive_integer ayudas" id="im_price" value="" />
script
$(document).ready(function() {
$('#im_price').click(function(){
alert('Digite el precio total de venta y/o alquiler de su propiedad. Si desea informar acerca de precio(s) por unidad de medida (mt², hectáreas, etc.) puede incluirlo en la Descripción.');
});
});
When user click on it shows the help text about what are all the things user should right in this field.I want this to show a pop up instead of alert.
Here is the jsfiddle http://jsfiddle.net/XruE5/
Working example: http://jsfiddle.net/5ebp7/
HTML:
<input name="im_price" type="text" class="positive_integer ayudas" id="im_price" value="" />
<div data-role="popup" id="popupBasic">
<p>Digite el precio total de venta y/o alquiler de su propiedad. Si desea informar acerca de precio(s) por unidad de medida (mt², hectáreas, etc.) puede incluirlo en la Descripción.</p>
</div>
JavaScript:
$(document).ready(function() {
$('#im_price').click(function(){
$('#popupBasic').popup('open');
});
});
Related
For a school project, I'm trying to scrape the content of multiple choices questions (to study for French SATs.
screenshot of the webpage that I want to scrape
My scraper works. However, the page uses javascript to get the first 5 questions then you need to answer each question and click on a next button then you have access to the 5-10 questions.
In the inspector, I compared the two html doc (before and after clicking on the radiobuttons + next button), I put both files at the end of the post (the first html doc has a form of type="get" while the second has a form of type "post")
Thus, I used the gem Mechanize and tried to click on all inputs and then the button.
Sadly, it doesn't work and I seem to have the same html file before and after running my code using Mechanize.
require 'open-uri'
require 'nokogiri'
require 'json'
require 'mechanize'
url = 'https://www.letudiant.fr/quiz/bac/histoire-geographie/quiz-bac-histoire-geographie-l-es-s-l-asie-du-sud-et-de-l-est-les-enjeux-de-la-croissance/question.html'
agent = Mechanize.new
page = agent.get(url)
form = agent.page.form_with(:class => "c-form")
form.radiobuttons.each do |button|
button.check
end
# check if button.checked?
puts "============"
form.radiobuttons.each do |button|
puts button.checked?
end
puts "============"
puts "************"
page = agent.submit(form)
puts page.parser.text
puts "************"
This returns this in the console: meaning that Mechanize clicked on every radiobutton (each question has 3 radiobuttons, thus mechanize clicks on all of them but only the last one remained clicked (for each question), explaining the false - false - true repetition for each question)like here
============
false
false
true
false
false
true
false
false
true
false
false
true
false
false
true
============
************
#<Mechanize::Page:0x00007fb942c50e38>
Test Quiz Bac L/ES/S - Histoire-Géographie - L'Asie du Sud et de l'Est - L'Etudiant
Quiz Bac Quiz Bac L/ES/S - Histoire-Géographie - L'Asie du Sud et de l'Est Étape 1 Étape 2 1) Mumbai est : Veuillez sélectionner une réponse. a) la capitale politique de l’Union indienne. b) la capitale économique et culturelle de l’Union indienne. c) la capitale culturelle de l’Union indienne. 2) Que sont les slums ? Veuillez sélectionner une réponse. a) Le nom des bidonvilles en Inde. b) Le nom des quartiers aisés en Inde. c) Le nom des décharges en Inde. 3) Comment évolue la population de l’agglomération de Mumbai ? Veuillez sélectionner une réponse. a) Une croissance lente. b) Une stagnation. c) Une croissance rapide. 4) Quelle est la part de la population de l’Asie du Sud et de l’Est dans la population mondiale ? Veuillez sélectionner une réponse. a) 2/3. b) 1/4. c) 1/2. 5) Que signifie « PMA » ? Veuillez sélectionner une réponse. a) Pays mal avancés. b) Pays les moins avancés. c) Pays mal adaptés.
##################
Attention ! Veuillez répondre à toutes les questions.
#######################
Étape suivante Articles les plus lus Bac S 2018 : tous les sujets et corrigés Grand oral du nouveau bac : ce qui vous attend On connaît la liste des œuvres au programme du bac de français 2020 Pourquoi prendre latin ou grec en option en terminale ? Complémentaires ou expertes, à quoi ressembleront les options maths en terminale ? Bac STMG 2018 : tous les sujets et corrigés Nouveau bac : vous aurez les résultats des E3C le 15 mars Que se passera-t-il si vous ratez votre bac en 2020 ? Bac 2019 : les citations à (bien) utiliser à l’épreuve de philo E3C : ce que vous risquez si vous les manquez window._taboola = window._taboola || []; _taboola.push({ mode: 'thumbnails-right-rail', container: 'taboola-right-rail-thumbnails', placement: 'Right Rail Thumbnails', target_type: 'mix' });
Quiz Bac L/ES/S - Histoire-Géographie - L'Asie du Sud et de l'Est
************
The sentence "Attention ! Veuillez répondre à toutes les questions." between ###### in the console, means that Mechanize tried to submit the form but had not clicked on every radiobutton Like here when I try to click without having clicked on the radiobuttons
Here is the code (found in the inspector) before clicking on every radiobutton and clicking on the next button:
<form class="c-form has-error" method="post" data-frm="quiz" data-frm-legacy-final-step-action="/test/quiz/validation.html?time=1583184886" data-frm-init="1">
<div data-sln-scrollnav="" data-eng-scrollable="" class="c-scrollnav has-more-on-right">
<nav class="c-simple-nav c-scrollnav__scroller" data-sln-scroller="">
<ul class=" c-simple-nav__list c-simple-nav__list--progress " data-sln-inner="">
<li class="c-simple-nav__item"> <a class=" c-simple-nav__link is-active is-clickable " href="#" data-frm-legacy-multi-step="Etape 1"> Étape 1 </a> </li>
<li class="c-simple-nav__item"> <a class=" c-simple-nav__link " href="#" data-frm-legacy-multi-step="Etape 2"> Étape 2 </a> </li>
</ul>
</nav>
</div>
<ol class="c-quiz__question-list">
<li class="c-quiz-question has-error" data-frm-validate="[ 'required' ]">
<h5 class="c-quiz-question__title"> 1) Mumbai est : </h5>
<div class="c-block-error">
<div class="c-block-error__title">
<div class="c-block-bubble c-block-bubble--error">
<svg class="c-icon-svg" aria-hidden="true">
<use xlink:href="/svg/etu.sprite.svg#icon-exclamation"></use>
</svg>
</div>
Veuillez sélectionner une réponse.
</div>
</div>
<div class="c-quiz-question__options">
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21887" value="66881"> <span class="c-radio-label__label"> a) la capitale politique de l’Union indienne. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21887" value="66883"> <span class="c-radio-label__label"> b) la capitale économique et culturelle de l’Union indienne. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21887" value="66885"> <span class="c-radio-label__label"> c) la capitale culturelle de l’Union indienne. </span>
<div class="c-radio__indicator"></div>
</label>
</div>
</li>
<li class="c-quiz-question has-error" data-frm-validate="[ 'required' ]">
<h5 class="c-quiz-question__title"> 2) Que sont les slums ? </h5>
<div class="c-block-error">
<div class="c-block-error__title">
<div class="c-block-bubble c-block-bubble--error">
<svg class="c-icon-svg" aria-hidden="true">
<use xlink:href="/svg/etu.sprite.svg#icon-exclamation"></use>
</svg>
</div>
Veuillez sélectionner une réponse.
</div>
</div>
<div class="c-quiz-question__options">
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21889" value="66887"> <span class="c-radio-label__label"> a) Le nom des bidonvilles en Inde. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21889" value="66889"> <span class="c-radio-label__label"> b) Le nom des quartiers aisés en Inde. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21889" value="66891"> <span class="c-radio-label__label"> c) Le nom des décharges en Inde. </span>
<div class="c-radio__indicator"></div>
</label>
</div>
</li>
<li class="c-quiz-question has-error" data-frm-validate="[ 'required' ]">
<h5 class="c-quiz-question__title"> 3) Comment évolue la population de l’agglomération de Mumbai ? </h5>
<div class="c-block-error">
<div class="c-block-error__title">
<div class="c-block-bubble c-block-bubble--error">
<svg class="c-icon-svg" aria-hidden="true">
<use xlink:href="/svg/etu.sprite.svg#icon-exclamation"></use>
</svg>
</div>
Veuillez sélectionner une réponse.
</div>
</div>
<div class="c-quiz-question__options">
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21891" value="66893"> <span class="c-radio-label__label"> a) Une croissance lente. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21891" value="66895"> <span class="c-radio-label__label"> b) Une stagnation. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21891" value="66897"> <span class="c-radio-label__label"> c) Une croissance rapide. </span>
<div class="c-radio__indicator"></div>
</label>
</div>
</li>
<li class="c-quiz-question has-error" data-frm-validate="[ 'required' ]">
<h5 class="c-quiz-question__title"> 4) Quelle est la part de la population de l’Asie du Sud et de l’Est dans la population mondiale ? </h5>
<div class="c-block-error">
<div class="c-block-error__title">
<div class="c-block-bubble c-block-bubble--error">
<svg class="c-icon-svg" aria-hidden="true">
<use xlink:href="/svg/etu.sprite.svg#icon-exclamation"></use>
</svg>
</div>
Veuillez sélectionner une réponse.
</div>
</div>
<div class="c-quiz-question__options">
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21893" value="66899"> <span class="c-radio-label__label"> a) 2/3. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21893" value="66901"> <span class="c-radio-label__label"> b) 1/4. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21893" value="66903"> <span class="c-radio-label__label"> c) 1/2. </span>
<div class="c-radio__indicator"></div>
</label>
</div>
</li>
<li class="c-quiz-question has-error" data-frm-validate="[ 'required' ]">
<h5 class="c-quiz-question__title"> 5) Que signifie « PMA » ? </h5>
<div class="c-block-error">
<div class="c-block-error__title">
<div class="c-block-bubble c-block-bubble--error">
<svg class="c-icon-svg" aria-hidden="true">
<use xlink:href="/svg/etu.sprite.svg#icon-exclamation"></use>
</svg>
</div>
Veuillez sélectionner une réponse.
</div>
</div>
<div class="c-quiz-question__options">
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21895" value="66905"> <span class="c-radio-label__label"> a) Pays mal avancés. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21895" value="66907"> <span class="c-radio-label__label"> b) Pays les moins avancés. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21895" value="66909"> <span class="c-radio-label__label"> c) Pays mal adaptés. </span>
<div class="c-radio__indicator"></div>
</label>
</div>
</li>
</ol>
<div class="c-form__errors">
<div class="c-block-error">
<div class="c-block-error__title">
<div class="c-block-bubble c-block-bubble--error">
<svg class="c-icon-svg" aria-hidden="true">
<use xlink:href="/svg/etu.sprite.svg#icon-exclamation"></use>
</svg>
</div>
Attention ! Veuillez répondre à toutes les questions.
</div>
</div>
</div>
<input type="hidden" data-frm-legacy-multi-step-input="" name="step"> <input type="hidden" name="previousStep" value=""> <input type="hidden" name="nextStep" value="2"> <input type="hidden" name="idOrigine" value="1"> <input type="hidden" name="legacyFinalStepAction" value="/quiz/bac/histoire-geographie/quiz-bac-histoire-geographie-l-es-s-l-asie-du-sud-et-de-l-est-les-enjeux-de-la-croissance/conclusion.html?time=1583184886" ?="">
<div class="c-quiz__actions">
<button class="c-button c-button--medium c-button--rounded c-button--light-border u-themed is-active u-typo--upper" type="button" data-frm-legacy-multi-step="next">
<span>Étape suivante</span>
<svg class="c-icon-svg">
<use xlink:href="/svg/etu.sprite.svg#icon-chevron-right"></use>
</svg>
</button>
</div>
</form>
Here is the html code that I want to get (found in the inspector after having clicked on every radiobutton and clicking on the next button:
<form class="c-form" method="post" data-frm="quiz" data-frm-legacy-final-step-action="/test/quiz/validation.html?time=1583187387" data-frm-init="1">
<div data-sln-scrollnav="" data-eng-scrollable="" class="c-scrollnav has-more-on-right">
<nav class="c-simple-nav c-scrollnav__scroller" data-sln-scroller="">
<ul class=" c-simple-nav__list c-simple-nav__list--progress " data-sln-inner="">
<li class="c-simple-nav__item"> <a class=" c-simple-nav__link is-clickable " href="#" data-frm-legacy-multi-step="Etape 1"> Étape 1 </a> </li>
<li class="c-simple-nav__item"> <a class=" c-simple-nav__link is-active is-clickable " href="#" data-frm-legacy-multi-step="Etape 2"> Étape 2 </a> </li>
</ul>
</nav>
</div>
<ol class="c-quiz__question-list">
<li class="c-quiz-question" data-frm-validate="[ 'required' ]">
<h5 class="c-quiz-question__title"> 6) Parmi ces trois États, quel est celui dont la population croît la plus vite ? </h5>
<div class="c-block-error">
<div class="c-block-error__title">
<div class="c-block-bubble c-block-bubble--error">
<svg class="c-icon-svg" aria-hidden="true">
<use xlink:href="/svg/etu.sprite.svg#icon-exclamation"></use>
</svg>
</div>
Veuillez sélectionner une réponse.
</div>
</div>
<div class="c-quiz-question__options">
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21897" value="66911"> <span class="c-radio-label__label"> a) L’Inde. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21897" value="66913"> <span class="c-radio-label__label"> b) Le Japon. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21897" value="66915"> <span class="c-radio-label__label"> c) La Chine. </span>
<div class="c-radio__indicator"></div>
</label>
</div>
</li>
<li class="c-quiz-question" data-frm-validate="[ 'required' ]">
<h5 class="c-quiz-question__title"> 7) Lequel de ces États est une démocratie ? </h5>
<div class="c-block-error">
<div class="c-block-error__title">
<div class="c-block-bubble c-block-bubble--error">
<svg class="c-icon-svg" aria-hidden="true">
<use xlink:href="/svg/etu.sprite.svg#icon-exclamation"></use>
</svg>
</div>
Veuillez sélectionner une réponse.
</div>
</div>
<div class="c-quiz-question__options">
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21899" value="66917"> <span class="c-radio-label__label"> a) La Chine. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21899" value="66919"> <span class="c-radio-label__label"> b) L’Inde. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21899" value="66921"> <span class="c-radio-label__label"> c) La Corée du Nord. </span>
<div class="c-radio__indicator"></div>
</label>
</div>
</li>
<li class="c-quiz-question" data-frm-validate="[ 'required' ]">
<h5 class="c-quiz-question__title"> 8) Les relations économiques entre la Chine et le Japon se caractérisent par : </h5>
<div class="c-block-error">
<div class="c-block-error__title">
<div class="c-block-bubble c-block-bubble--error">
<svg class="c-icon-svg" aria-hidden="true">
<use xlink:href="/svg/etu.sprite.svg#icon-exclamation"></use>
</svg>
</div>
Veuillez sélectionner une réponse.
</div>
</div>
<div class="c-quiz-question__options">
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21901" value="66923"> <span class="c-radio-label__label"> a) des conflits. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21901" value="66925"> <span class="c-radio-label__label"> b) de la concurrence. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21901" value="66927"> <span class="c-radio-label__label"> c) de la complémentarité. </span>
<div class="c-radio__indicator"></div>
</label>
</div>
</li>
<li class="c-quiz-question" data-frm-validate="[ 'required' ]">
<h5 class="c-quiz-question__title"> 9) À quelle instance la Chine refuse-t-elle la candidature du Japon ? </h5>
<div class="c-block-error">
<div class="c-block-error__title">
<div class="c-block-bubble c-block-bubble--error">
<svg class="c-icon-svg" aria-hidden="true">
<use xlink:href="/svg/etu.sprite.svg#icon-exclamation"></use>
</svg>
</div>
Veuillez sélectionner une réponse.
</div>
</div>
<div class="c-quiz-question__options">
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21903" value="66929"> <span class="c-radio-label__label"> a) L’ONU. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21903" value="66931"> <span class="c-radio-label__label"> b) L’OMC. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21903" value="66933"> <span class="c-radio-label__label"> c) Le Conseil de sécurité de l’ONU. </span>
<div class="c-radio__indicator"></div>
</label>
</div>
</li>
<li class="c-quiz-question" data-frm-validate="[ 'required' ]">
<h5 class="c-quiz-question__title"> 10) Quel État est chargé d’assurer la protection militaire du Japon ? </h5>
<div class="c-block-error">
<div class="c-block-error__title">
<div class="c-block-bubble c-block-bubble--error">
<svg class="c-icon-svg" aria-hidden="true">
<use xlink:href="/svg/etu.sprite.svg#icon-exclamation"></use>
</svg>
</div>
Veuillez sélectionner une réponse.
</div>
</div>
<div class="c-quiz-question__options">
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21905" value="66935"> <span class="c-radio-label__label"> a) Le Royaume-Uni. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21905" value="66937"> <span class="c-radio-label__label"> b) Les États-Unis. </span>
<div class="c-radio__indicator"></div>
</label>
<label class=" c-radio-label u-themed ">
<input type="radio" name="question_21905" value="66939"> <span class="c-radio-label__label"> c) La Chine. </span>
<div class="c-radio__indicator"></div>
</label>
</div>
</li>
</ol>
<div class="c-form__errors">
<div class="c-block-error">
<div class="c-block-error__title">
<div class="c-block-bubble c-block-bubble--error">
<svg class="c-icon-svg" aria-hidden="true">
<use xlink:href="/svg/etu.sprite.svg#icon-exclamation"></use>
</svg>
</div>
Attention ! Veuillez répondre à toutes les questions.
</div>
</div>
</div>
Edit: I added some code and details to be more precise, I hope my problem is easier to understand.
I discovered and used Selenium to act as browser and thus perform the actions I asked it to do. It kind of works, and I managed to have access to the rest of the page:
require "selenium-webdriver"
driver = Selenium::WebDriver.for :chrome
url = "https://www.letudiant.fr/quiz/bac/histoire-geographie/quiz-bac-histoire-geographie-l-es-s-l-asie-du-sud-et-de-l-est-les-enjeux-de-la-croissance/question.html"
driver.navigate.to url
driver.manage.window.maximize
sleep(3)
wait = Selenium::WebDriver::Wait.new(:timeout => 30)
name = wait.until {
container = driver.find_elements(:class, "c-quiz-question")
container.each do |element|
puts element.text
end
puts "=========="
radio_buttons = driver.find_elements(:class, "c-radio-label")
radio_buttons.each do |button|
button.click
end
puts "========="
driver.find_element(:class, "c-button").click
}
These are the results in the console:
1) Mumbai est :
a) la capitale politique de l’Union indienne.
b) la capitale économique et culturelle de l’Union indienne.
c) la capitale culturelle de l’Union indienne.
2) Que sont les slums ?
a) Le nom des bidonvilles en Inde.
b) Le nom des quartiers aisés en Inde.
c) Le nom des décharges en Inde.
3) Comment évolue la population de l’agglomération de Mumbai ?
a) Une croissance lente.
b) Une stagnation.
c) Une croissance rapide.
4) Quelle est la part de la population de l’Asie du Sud et de l’Est dans la population mondiale ?
a) 2/3.
b) 1/4.
c) 1/2.
5) Que signifie « PMA » ?
a) Pays mal avancés.
b) Pays les moins avancés.
c) Pays mal adaptés.
==========
=========
6) Parmi ces trois États, quel est celui dont la population croît la plus vite ?
a) L’Inde.
b) Le Japon.
c) La Chine.
7) Lequel de ces États est une démocratie ?
a) La Chine.
b) L’Inde.
c) La Corée du Nord.
8) Les relations économiques entre la Chine et le Japon se caractérisent par :
a) des conflits.
b) de la concurrence.
c) de la complémentarité.
9) À quelle instance la Chine refuse-t-elle la candidature du Japon ?
a) L’ONU.
b) L’OMC.
c) Le Conseil de sécurité de l’ONU.
10) Quel État est chargé d’assurer la protection militaire du Japon ?
a) Le Royaume-Uni.
b) Les États-Unis.
c) La Chine.
==========
However, to do so I had to manually close a pop-up that appears in the Selenium browser and if I don't close it manually, I have a ElementClickInterceptedError that kills my program.
Is there any way to close this pop up with Ruby inside Selenium?
element click intercepted: Element <label class=" c-radio-label u-themed ">...</label> is not clickable at point (476, 499). Other element would receive the click: <div class="sd-cmp-39-hc" style="color: rgb(51, 51, 51);">...</div> (Selenium::WebDriver::Error::ElementClickInterceptedError)
There are more checkboxes on page 2.
The resulting page source code shows 5 answers and 15 checkboxes, but I visited the page and saw 10 questions with 30 checkboxes in total. That's the reason for the French error message that not all checkboxes are ticked.
Check page 1 using the following code:
agent = Mechanize.new
page = agent.get('https://www.letudiant.fr/quiz/bac/histoire-geographie/quiz-bac-histoire-geographie-l-es-s-l-asie-du-sud-et-de-l-est-les-enjeux-de-la-croissance/question.html')
form = agent.page.form_with(:class => "c-form")
puts form.inspect
There are two different forms on the page as you can see if you loop over page.forms and form.fields:
agent = Mechanize.new
page = agent.get('https://www.letudiant.fr/quiz/bac/histoire-geographie/quiz-bac-histoire-geographie-l-es-s-l-asie-du-sud-et-de-l-est-les-enjeux-de-la-croissance/question.html')
agent.page.forms.each do |form|
pp form
form.fields.each do |field|
pp field
end
end
"Getting Started With Mechanize" will help.
You need to click the button on the bottom and then repeat the same action on page 2 before submitting the form.
There does not seem to be an option as the form changes using JavaScript.
I want to create a Captcha to add new users on my website. To do this I'm trying to use the CaptchaMvc.Mvc5 but it doesn't show de refresh button to change the captcha image.
Looking at the developer inspect of Chrome it has an exception about Uncaught ReferenceError: $ is not defined at add:271 and I think this is the problem, then, in this line has this code below generated by CaptchaMvc.Mvc5.
line 271
<div class="text-center">
<script type="text/javascript">
$(function () {$('#0e12b41cddf84cd6a548118316ab8aed').show();}); //line 271
function ______3eec991ccebe425ba220485ba983374e________() { $('#0e12b41cddf84cd6a548118316ab8aed').hide(); $.post("/DefaultCaptcha/Refresh", { t: $('#CaptchaDeText').val() }, function(){$('#0e12b41cddf84cd6a548118316ab8aed').show();}); return false; }</script>
<br/>
<img id="CaptchaImage" src="/DefaultCaptcha/Generate?t=d230fe1e79a3448f987705cf22a90432"/><input id="CaptchaDeText" name="CaptchaDeText" type="hidden" value="d230fe1e79a3448f987705cf22a90432" /> <br/>Refresh<br/>Digite o texto da imagem acima<br/><input autocomplete="off" autocorrect="off" data-val="true" data-val-required="Texto requerido" id="CaptchaInputText" name="CaptchaInputText" type="text" value="" /><br/><span class="field-validation-valid" data-valmsg-for="CaptchaInputText" data-valmsg-replace="true"></span>
<span class="field-validation-valid" data-valmsg-for="CaptchaInputText" data-valmsg-replace="true"></span>
</div><!--/captcha-->
How could I fix it ?
My Html
#{
var captcha = Html.Captcha("Refresh", "Digite o texto da imagem acima", 5, "Texto requerido", true);
}
<div class="text-center">
#captcha
#Html.ValidationMessage(captcha.BuildInfo.InputElementId)
</div><!--/captcha-->
I have this error when I try to enter on my system.
The provided anti-forgery token was meant for user "Braian ", but the current user is "".
My controller:
// GET: Account
[AllowAnonymous]
public ActionResult Login(/*string? returnURL*/)
{
System.Web.Security.FormsAuthentication.SignOut();
ModelState.Clear();
/*Recebe a url que o usuário tentou acessar*/
//ViewBag.ReturnUrl = returnURL;
return View(new TB_USUARIO());
}
[HttpPost]
[AllowAnonymous]
[ValidateAntiForgeryToken]
public ActionResult Login(TB_USUARIO login, string returnUrl)
{
System.Web.Security.FormsAuthentication.SignOut();
ModelState.Clear();
if (ModelState.IsValid)
{
using (DB_DAGUILAREntities db = new DB_DAGUILAREntities())
{
var vLogin = db.TB_USUARIO.Where(p => p.USU_ST_LOGIN.Equals(login.USU_ST_LOGIN)).FirstOrDefault();
/*Verificar se a variavel vLogin está vazia. Isso pode ocorrer caso o usuário não existe.
Caso não exista ele vai cair na condição else.*/
if (vLogin != null)
{
/*Código abaixo verifica se o usuário que retornou na variavel tem está
ativo. Caso não esteja cai direto no else*/
if (Equals(vLogin.USU_CH_ATIVO, "A"))
{
/*Código abaixo verifica se a senha digitada no site é igual a senha que está sendo retornada
do banco. Caso não cai direto no else*/
if (Equals(vLogin.USU_ST_SENHA.Trim(), login.USU_ST_SENHA))
{
FormsAuthentication.SetAuthCookie(vLogin.USU_ST_LOGIN, false);
if (Url.IsLocalUrl(returnUrl)
&& returnUrl.Length > 1
&& returnUrl.StartsWith("/")
&& !returnUrl.StartsWith("//")
&& returnUrl.StartsWith("/\\"))
{
return Redirect(returnUrl);
}
/*código abaixo cria uma session para armazenar o nome do usuário*/
Session["Nome"] = vLogin.USU_ST_NOME;
Session["Codigo"] = vLogin.USU_IN_CODIGO;
/*código abaixo cria uma session para armazenar o sobrenome do usuário*/
Session["Sobrenome"] = vLogin.USU_ST_LAST_NAME;
Session["Cargo"] = vLogin.USU_ST_CARGO;
Session["Especialidade"] = vLogin.USU_ST_ESPEC;
Session["Foto"] = vLogin.USU_ST_FOTO;
/*retorna para a tela inicial do Home*/
return RedirectToAction("Index", "Ticket");
}
/*Else responsável da validação da senha*/
else
{
/*Escreve na tela a mensagem de erro informada*/
ModelState.AddModelError("", "Senha informada Inválida!!!");
/*Retorna a tela de login*/
return View(new TB_USUARIO());
}
}
/*Else responsável por verificar se o usuário está ativo*/
else
{
/*Escreve na tela a mensagem de erro informada*/
ModelState.AddModelError("", "Usuário sem acesso para usar o sistema!!!");
/*Retorna a tela de login*/
return View(new TB_USUARIO());
}
}
/*Else responsável por verificar se o usuário existe*/
else
{
/*Escreve na tela a mensagem de erro informada*/
ModelState.AddModelError("", "E-mail informado inválido!!!");
/*Retorna a tela de login*/
return View(new TB_USUARIO());
}
}
}
/*Caso os campos não esteja de acordo com a solicitação retorna a tela de login com as mensagem dos campos*/
return View(login);
}
and my view:
#model WebApplication3.Models.TB_USUARIO
#{
Layout = null;
}
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<script src="~/scripts/jquery-1.10.2.js"></script>
<script src="~/scripts/bootstrap.min.js"></script>
#using (Html.BeginForm("Login", "Account", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { #class = "form-horizontal" }))
{
#Html.AntiForgeryToken();
#Html.ValidationSummary(true, "", new { #class = "text-danger" })
<div class="container">
<div class="form-login">
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-title">Login do Sistema</div>
</div>
<div style="padding-top:30px" class="panel-body">
<div style="display:none" id="result" class="alert alert-danger col-sm-12">
</div>
<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
#Html.EditorFor(model => model.USU_ST_LOGIN, new { htmlAttributes = new { #class = "form-control input-lg", placeholder = "E-mail", autofocus = true } })
#Html.ValidationMessageFor(model => model.USU_ST_LOGIN, "", new { #class = "text-danger" })
</div>
<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
#Html.EditorFor(model => model.USU_ST_SENHA, new { htmlAttributes = new { #class = "form-control input-lg", placeholder = "Senha" } })
#Html.ValidationMessageFor(model => model.USU_ST_SENHA, "", new { #class = "text-danger" })
</div>
<div style="margin-top:10px" class="form-group">
<div class="col-sm-12 controls">
<input type="submit" value="Acessar" class="btn primary btn-lg" />
</div>
</div>
</div>
</div>
</div>
</div>
}
#Scripts.Render("~/bundles/jquery")
#Scripts.Render("~/bundles/bootstrap")
The problem happened when:
Logon the system
Log out the system
try to logon with the same user.
Can someone help?
I've got links in the simple text widget in my wordpress site. No problem with any browser, except IE8 ( which MUST be massively used in my 1940 company's computer bay ).
I searched. Lot. Can't figure why IE doesn't see it.
Here is the code of the page. It is long. You can find the page there: santemonteregie.net/connivence
Thanks for your help.
<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" lang="fr-FR">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" lang="fr-FR">
<![endif]-->
<!--[if !(IE 7) | !(IE 8) ]><!-->
<html lang="fr-FR">
<!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>V-6 No-18 | 16 juin 2014 | Connivence - Le Webzine de la Montérégie</title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="http://santemonteregie.net/connivence/xmlrpc.php">
<!--[if lt IE 9]>
<link rel="stylesheet" href="http://www.santemonteregie.net/connivence/style-ie.css">
<script src="http://santemonteregie.net/connivence/wp-content/themes/twentythirteen/js/html5.js"></script>
<![endif]-->
<meta name='robots' content='noindex,follow' />
<link rel="alternate" type="application/rss+xml" title="Connivence - Le Webzine de la Montérégie » Flux" href="http://santemonteregie.net/connivence/feed/" />
<link rel="alternate" type="application/rss+xml" title="Connivence - Le Webzine de la Montérégie » Flux des commentaires" href="http://santemonteregie.net/connivence/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Connivence - Le Webzine de la Montérégie » Flux de la catégorie V-6 No-18 | 16 juin 2014" href="http://santemonteregie.net/connivence/category/16juin2014/feed/" />
<link rel='stylesheet' id='twentythirteen-fonts-css' href='//fonts.googleapis.com/css?family=Source+Sans+Pro%3A300%2C400%2C700%2C300italic%2C400italic%2C700italic%7CBitter%3A400%2C700&subset=latin%2Clatin-ext' type='text/css' media='all' />
<link rel='stylesheet' id='genericons-css' href='http://santemonteregie.net/connivence/wp-content/themes/twentythirteen/fonts/genericons.css?ver=2.09' type='text/css' media='all' />
<link rel='stylesheet' id='twentythirteen-style-css' href='http://santemonteregie.net/connivence/wp-content/themes/twentythirteenchild/style.css?ver=2013-07-18' type='text/css' media='all' />
<!--[if lt IE 9]>
<link rel='stylesheet' id='twentythirteen-ie-css' href='http://santemonteregie.net/connivence/wp-content/themes/twentythirteen/css/ie.css?ver=2013-07-18' type='text/css' media='all' />
<![endif]-->
<script type='text/javascript' src='http://santemonteregie.net/connivence/wp-includes/js/jquery/jquery.js?ver=1.11.0'></script>
<script type='text/javascript' src='http://santemonteregie.net/connivence/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://santemonteregie.net/connivence/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://santemonteregie.net/connivence/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 3.9.1" />
<style type="text/css" id="twentythirteen-header-css">
.site-header {
background: url(http://santemonteregie.net/connivence/wp-content/uploads/2014/07/cropped-header6.jpg) no-repeat scroll top;
background-size: 1600px auto;
}
.site-title,
.site-description {
position: absolute;
clip: rect(1px 1px 1px 1px); /* IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
</style>
</head>
<body class="archive category category-16juin2014 category-12 single-author sidebar">
<div style="width:100%; max-width:1600px; min-width:300px;"> <img src="http://www.santemonteregie.net/connivence/images/header-principal.jpg" style="width:100%; height:auto;"> </div>
<div id="page" class="hfeed site">
<header id="masthead" class="site-header" role="banner" style="background-size:auto auto;">
<div id="navbar" class="navbar">
<nav id="site-navigation" class="navigation main-navigation" role="navigation">
<h3 class="menu-toggle">Menu</h3>
<a class="screen-reader-text skip-link" href="#content" title="Aller au contenu principal">Aller au contenu principal</a>
<div class="menu-menu1-container"><ul id="menu-menu1" class="nav-menu"><li id="menu-item-123" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-123">Édition courante</li>
<li id="menu-item-117" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-117">Archives</li>
<li id="menu-item-213" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-213">Abonnez-vous</li>
</ul></div> <form role="search" method="get" class="search-form" action="http://santemonteregie.net/connivence/">
<label>
<span class="screen-reader-text">Recherche pour :</span>
<input type="search" class="search-field" placeholder="Recherche…" value="" name="s" title="Recherche pour :" />
</label>
<input type="submit" class="search-submit" value="Rechercher" />
</form> </nav><!-- #site-navigation -->
</div><!-- #navbar -->
</header><!-- #masthead -->
<div id="main" class="site-main">
<style type="text/css" media="all">
.wp-caption-text{
display: none;
}
</style>
<div id="primary" class="content-area">
<div id="content" class="site-content" role="main">
<header>
<center><h2 ><p>Volume 6, numéro 18 – 16 juin 2014</p>
</h2></center>
<!--
<div class="archive-meta"></div>
-->
</header><!-- .archive-header -->
<!-- Début des background selon les catégories -->
<div style="background-color:#e4e3f3;">
<!-- Fin des background selon les catégories -->
<article id="post-107" class="post-107 post type-post status-publish format-standard hentry category-pdg category-16juin2014">
<header class="entry-header">
<h1 class="entry-title">
<!-- Début des en-têtes de catégories -->
<img src="http://santemonteregie.net/connivence/images/PDG3.png" style="width:100%; max-width:600;"><br>
<!-- Fin des en-têtes de catégories -->
Le financement du réseau montérégien : la force du NOUS!
</h1>
<div class="entry-meta">
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-content">
<p style="color: #333333;">Avant la pause estivale, il m’apparaît important de faire le point sur la situation financière de notre réseau. Nous sommes tous conscients de traverser une crise importante en matière de finances publiques et il ne faut pas être surpris des nouvelles compressions financières imposées à l’ensemble des ministères. Lire la suite →</p>
</div><!-- .entry-content -->
<footer class="entry-meta">
</footer><!-- .entry-meta -->
</article><!-- #post -->
<!-- Fermeture de la div pour les background de catégories -->
</div>
<article><header class="entry-header"><h1 style="color:#eeb111;">Nouvelles</h1></header></article><!-- Début des background selon les catégories -->
<!-- Fin des background selon les catégories -->
<article id="post-103" class="post-103 post type-post status-publish format-standard hentry category-16juin2014">
<header class="entry-header">
<h1 class="entry-title">
<!-- Début des en-têtes de catégories -->
<!-- Fin des en-têtes de catégories -->
Programme pour les grands utilisateurs de l’urgence au CSSS Pierre-Boucher
</h1>
<div class="entry-meta">
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<!-- Here I took some article off the code to make it shorter -->
<div class="entry-content">
<p style="color: #333333;">Le 5 juin dernier avait lieu la 2e édition du colloque en santé mentale sous le thème « Des idées plein la tête ». Le colloque qui s’est déroulé au Collège de Valleyfield a réuni près de 150 participants issus de tous les milieux (communautaire, institutionnel, municipal, etc.). Lire la suite →</p>
</div><!-- .entry-content -->
<footer class="entry-meta">
</footer><!-- .entry-meta -->
</article><!-- #post -->
<!-- Fermeture de la div pour les background de catégories -->
<!-- Début des background selon les catégories -->
<!-- Fin des background selon les catégories -->
<article id="post-81" class="post-81 post type-post status-publish format-standard hentry category-16juin2014">
<header class="entry-header">
<h1 class="entry-title">
<!-- Début des en-têtes de catégories -->
<!-- Fin des en-têtes de catégories -->
Des jeunes de l’INLB participent à un programme pour faciliter les choix de carrière
</h1>
<div class="entry-meta">
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-content">
<p style="color: #333333;">Montréal Relève a accepté d’intégrer les jeunes de l’Institut Nazareth et Louis-Braille (INLB) au <a style="color: #525252;" href="http://www.projetclassesaffaires.ca/">Programme classes affaires</a>.</p>
<p style="color: #333333;"></p>
<p style="color: #333333;"> Lire la suite →</p>
</div><!-- .entry-content -->
<footer class="entry-meta">
</footer><!-- .entry-meta -->
</article><!-- #post -->
<!-- Fermeture de la div pour les background de catégories -->
<!-- Début des background selon les catégories -->
<!-- Fin des background selon les catégories -->
<article id="post-79" class="post-79 post type-post status-publish format-standard hentry category-16juin2014">
<header class="entry-header">
<h1 class="entry-title">
<!-- Début des en-têtes de catégories -->
<!-- Fin des en-têtes de catégories -->
Une intégration à la maternelle plus facile grâce à l’INLB
</h1>
<div class="entry-meta">
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-content">
<p style="color: #333333;">Afin de favoriser une entrée harmonieuse à la maternelle, le Programme enfance-jeunesse propose un groupe de préparation à l’intégration scolaire, pour les enfants fonctionnellement voyants, ainsi que leurs parents. Lire la suite →</p>
</div><!-- .entry-content -->
<footer class="entry-meta">
</footer><!-- .entry-meta -->
</article><!-- #post -->
<!-- Fermeture de la div pour les background de catégories -->
<!-- Début des background selon les catégories -->
<!-- Fin des background selon les catégories -->
<article id="post-76" class="post-76 post type-post status-publish format-standard hentry category-16juin2014">
<header class="entry-header">
<h1 class="entry-title">
<!-- Début des en-têtes de catégories -->
<!-- Fin des en-têtes de catégories -->
Certificat de conformité de l’Office québécois de la langue française délivré au CRDITED SRSOR
</h1>
<div class="entry-meta">
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-content">
<p style="color: #333333;"></p>
<p style="color: #333333;">C’est avec une grande fierté que le CRDITED Les Services de Réadaptation du Sud-Ouest et du Renfort a reçu le certificat de conformité de l’Office québécois de la langue française. Lire la suite →</p>
</div><!-- .entry-content -->
<footer class="entry-meta">
</footer><!-- .entry-meta -->
</article><!-- #post -->
<!-- Fermeture de la div pour les background de catégories -->
<!-- Début des background selon les catégories -->
<!-- Fin des background selon les catégories -->
<article id="post-73" class="post-73 post type-post status-publish format-standard hentry category-16juin2014">
<header class="entry-header">
<h1 class="entry-title">
<!-- Début des en-têtes de catégories -->
<!-- Fin des en-têtes de catégories -->
La journée mondiale de lutte contre la maltraitance envers les personnes aînées soulignée en Montérégie
</h1>
<div class="entry-meta">
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-content">
<p class="wp-caption-text">Source : http//:maltraitanceaines.gouv.qc.ca</p>
<p style="color: #333333;">Des travailleurs œuvrant dans les établissements de santé et de services sociaux, au sein des corps policiers, de groupes communautaires et d’associations d’aînés ont porté le ruban mauve le 15 juin dernier afin de dénoncer la maltraitance envers les aînés Lire la suite →</p>
</div><!-- .entry-content -->
<footer class="entry-meta">
</footer><!-- .entry-meta -->
</article><!-- #post -->
<!-- Fermeture de la div pour les background de catégories -->
<!-- Début des background selon les catégories -->
<!-- Fin des background selon les catégories -->
<article id="post-71" class="post-71 post type-post status-publish format-standard hentry category-16juin2014">
<header class="entry-header">
<h1 class="entry-title">
<!-- Début des en-têtes de catégories -->
<!-- Fin des en-têtes de catégories -->
Une route sans fin au Centre jeunesse de la Montérégie : 10 ans déjà!
</h1>
<div class="entry-meta">
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-content">
<p style="color: #333333;">Le 1er juin dernier, c’est sous un soleil rayonnant que plus de 250 jeunes et intervenants du Centre jeunesse de la Montérégie ont participé à la 10e édition d’Une route sans fin. Lire la suite →</p>
</div><!-- .entry-content -->
<footer class="entry-meta">
</footer><!-- .entry-meta -->
</article><!-- #post -->
<!-- Fermeture de la div pour les background de catégories -->
<!-- Début des background selon les catégories -->
<!-- Fin des background selon les catégories -->
<article id="post-68" class="post-68 post type-post status-publish format-standard hentry category-16juin2014">
<header class="entry-header">
<h1 class="entry-title">
<!-- Début des en-têtes de catégories -->
<!-- Fin des en-têtes de catégories -->
Bonnes vacances!
</h1>
<div class="entry-meta">
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-content">
<p style="color: #333333;">Connivence fait relâche pour la période estivale. Lire la suite →</p>
</div><!-- .entry-content -->
<footer class="entry-meta">
</footer><!-- .entry-meta -->
</article><!-- #post -->
<!-- Fermeture de la div pour les background de catégories -->
</div><!-- #content -->
</div><!-- #primary -->
<div id="tertiary" class="sidebar-container" role="complementary">
<div class="sidebar-inner">
<div class="widget-area">
<aside id="text-13" class="widget widget_text"> <div class="textwidget"><div style="z-index:100000000;" class="widget2"> <img src="http://www.santemonteregie.net/connivence/images/evenements.png"></center><ul class="display-posts-listing"><li class="listing-item"><a class="title" href="http://santemonteregie.net/connivence/visite-guidee-des-fermes-de-la-monteregie/"><span style="z-index:1000;">Visite guidée des fermes de la Montérégie<br><p>Une journée spéciale dédiée aux fermes montérégiennes a été organisée pas l’Agence de la santé et des services sociaux de la Montérégie. Lire la suite -></p>
</span></a></li><li class="listing-item"><a class="title" href="http://santemonteregie.net/connivence/colloque-drmg2014/"><span style="z-index:1000;">Colloque DRMG 2014<br><p>Le colloque DRMG 2014 aura lieu, encore une fois, dans une foule de gens très intéressés. Lire la suite -></p>
</span></a></li></ul></div></div>
</aside><aside id="text-12" class="widget widget_text"> <div class="textwidget"><div style="z-index:100000000;" class="widget2"> <img src="http://www.santemonteregie.net/connivence/images/BP-widget.png"></center><ul class="display-posts-listing"><li class="listing-item"><a class="title" href="http://santemonteregie.net/connivence/les-tiques/"><span style="z-index:1000;">Les tiques !<br><p>Il est généralement important de garder les tiques lorsque nous les trouvons. Par contre, pour des raisons hors de notre contrôle ( sic), la procédure ne peut pas être faite correctement. Lire la suite -></p>
</span></a></li></ul></div></div>
</aside><aside id="text-11" class="widget widget_text"> <div class="textwidget"><div style="z-index:100000000;" class="widget2"> <img src="http://www.santemonteregie.net/connivence/images/PR-widget.png"></center><ul class="display-posts-listing"><li class="listing-item"><a class="title" href="http://santemonteregie.net/connivence/grand-projet-514-450/"><span style="z-index:1000;">Grand projet 514-450<br><p>Comme vous le savez peut-être, le grand projet 514-450 bat son plein en ce moment. Lire la suite -></p>
</span></a></li></ul></div></div>
</aside><aside id="text-10" class="widget widget_text"> <div class="textwidget"><div class="widget2">
<img src="http://www.santemonteregie.net/connivence/images/COMM-widget.png">
<table border="0">
<tr>
<td><form name="form1" method="post" action="send_contact.php">
<table border="0">
<tr>
<td>Nom</td>
<td>:</td>
<td><input name="name" type="text" id="name" size="18"></td>
</tr>
<tr>
<td>Courriel</td>
<td>:</td>
<td><input name="customer_mail" type="text" id="customer_mail" size="18"></td>
</tr>
<tr>
<td>Message</td>
<td>:</td>
<td><textarea name="detail" cols="18" rows="4" id="detail"></textarea></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit" name="Submit" value="Envoyer"></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</div></div>
</aside> </div><!-- .widget-area -->
</div><!-- .sidebar-inner -->
</div><!-- #tertiary -->
</div><!-- #main -->
<footer id="colophon" class="site-footer" role="contentinfo">
<div id="secondary" class="sidebar-container" role="complementary">
<div class="widget-area">
<aside id="newsletterwidget-2" class="widget widget_newsletterwidget"><h3 class="widget-title">Abonnez-vous à Connivence</h3>
<script type="text/javascript">
//<![CDATA[
if (typeof newsletter_check !== "function") {
window.newsletter_check = function (f) {
var re = /^([a-zA-Z0-9_\.\-\+])+\#(([a-zA-Z0-9\-]{1,})+\.)+([a-zA-Z0-9]{2,})+$/;
if (!re.test(f.elements["ne"].value)) {
alert("Le courriel n\'est pas valide");
return false;
}
if (f.elements["nn"] && (f.elements["nn"].value == "" || f.elements["nn"].value == f.elements["nn"].defaultValue)) {
alert("Le nom n\'es pas valide");
return false;
}
if (f.elements["ny"] && !f.elements["ny"].checked) {
alert("Vous devez accepter les règlements de confidentialité");
return false;
}
return true;
}
}
//]]>
</script>
<div class="newsletter newsletter-widget">
<script type="text/javascript">
//<![CDATA[
if (typeof newsletter_check !== "function") {
window.newsletter_check = function (f) {
var re = /^([a-zA-Z0-9_\.\-\+])+\#(([a-zA-Z0-9\-]{1,})+\.)+([a-zA-Z0-9]{2,})+$/;
if (!re.test(f.elements["ne"].value)) {
alert("Le courriel n\'est pas valide");
return false;
}
if (f.elements["nn"] && (f.elements["nn"].value == "" || f.elements["nn"].value == f.elements["nn"].defaultValue)) {
alert("Le nom n\'es pas valide");
return false;
}
if (f.elements["ny"] && !f.elements["ny"].checked) {
alert("Vous devez accepter les règlements de confidentialité");
return false;
}
return true;
}
}
//]]>
</script>
<form action="http://santemonteregie.net/connivence/wp-content/plugins/newsletter/do/subscribe.php" onsubmit="return newsletter_check(this)" method="post"><input type="hidden" name="nr" value="widget"/><p><input class="newsletter-firstname" type="text" name="nn" value="Nom" onclick="if (this.defaultValue==this.value) this.value=''" onblur="if (this.value=='') this.value=this.defaultValue"/></p><p><input class="newsletter-email" type="email" required name="ne" value="Courriel" onclick="if (this.defaultValue==this.value) this.value=''" onblur="if (this.value=='') this.value=this.defaultValue"/></p><p><input class="newsletter-profile newsletter-profile-1" type="text" name="np1" value="Établissement" onclick="if (this.defaultValue==this.value) this.value=''" onblur="if (this.value=='') this.value=this.defaultValue"/></p><p><input class="newsletter-profile newsletter-profile-2" type="text" name="np2" value="Fonction" onclick="if (this.defaultValue==this.value) this.value=''" onblur="if (this.value=='') this.value=this.defaultValue"/></p><p><input class="newsletter-submit" type="submit" value="Envoyer"/></p></form></div></aside><aside id="text-2" class="widget widget_text"><h3 class="widget-title">À propos de Connivence</h3> <div class="textwidget"><p>Connivence paraît tous les deux lundis<br />
Tombée : le mardi précédant la parution</p>
<p>Suggestion de sujets ou commentaires : chantal.vallee.agence16#ssss.gouv.qc.ca </p>
<p>Toute reproduction des textes est encouragée à condition de mentionner la source. </p>
</div>
</aside><aside id="text-8" class="widget widget_text"> <div class="textwidget"><p><br><br />
Éditeur : Agence de la santé et des services sociaux de la Montérégie<br />
Rédactrice en chef : Christine Daniel<br />
Coordonnatrice à la rédaction : Chantal Vallée<br />
Correction des textes : Lynn Provost</p>
</div>
</aside> </div><!-- .widget-area -->
</div><!-- #secondary -->
<div class="site-info">
Fièrement propulsé par WordPress
</div><!-- .site-info -->
</footer><!-- #colophon -->
</div><!-- #page -->
<script type='text/javascript' src='http://santemonteregie.net/connivence/wp-includes/js/masonry.min.js?ver=3.1.2'></script>
<script type='text/javascript' src='http://santemonteregie.net/connivence/wp-includes/js/jquery/jquery.masonry.min.js?ver=3.1.2'></script>
<script type='text/javascript' src='http://santemonteregie.net/connivence/wp-content/themes/twentythirteen/js/functions.js?ver=2013-07-18'></script>
</body>
</html>
I am using jquery mobile 1.3.0 and I have the following code for the select menu. When I use data-native-menu="false" the options are not showing up. Without data-native-menu="false" the options visible to the user.
<div data-role="fieldcontain">
<label for="virtuemart_product_id_box" class="select"> Nombre de producto:
</label>
<select id="virtuemart_product_id_box" name="virtuemart_product_id_box" data-prevent-focus-zoom="true" data-native-menu="false">
<option value="">Seleccione un producto</option>
<option value="84">Fromage Artesano Tres Leches Madurado 425 gr.</option>
<option value="85">Queso de Cabra Madurado 425 gr.</option>
<option value="83">Queso de Oveja Madurado 425 gr.</option>
<option value="86">Queso de Vaca Madurado 425 gr.</option>
<option value="87">Queso de Vaca Madurado Ahumado 425 gr.</option>
On debug the following information is presented:
Scrolling to target -99919 of #virtuemart_product_id_box-listbox.
Why is this happening?
I am using this select in a virtuemart view. I use view.html.php to load the select options
$options = array();
$options[] = JHTML::_('select.option', '', JText::_('Seleccione un producto'));
foreach($products as $product):
$options[] = JHTML::_('select.option', $product->virtuemart_product_id, $product->product_name);
endforeach;
if (isset($product_id)){
$this->lists['products']= JHTML::_('select.genericlist', $options, 'virtuemart_product_id_box', 'class="inputbox" onchange="this.form.submit();" data-prevent-focus-zoom="true" data-native-menu="false" ', 'value', 'text', $product_id);
}
else {
$this->lists['products']= JHTML::_('select.genericlist', $options, 'virtuemart_product_id_box', 'class="inputbox" onchange="this.form.submit();" data-prevent-focus-zoom="true" data-native-menu="false" ', 'value', 'text',$options[0]);
}
The default.php that renders html
<?php
defined('_JEXEC') or die('Restricted access');
JHTML::_( 'behavior.modal' );
$document = JFactory::getDocument();
?>
<form action="<?php JRoute::_('index.php'); ?>" method="post">
<h1 class="title">
<?php echo JText::_('COM_VIRTUEMART_PRODUCER') .' '.$this->mf_name ?>
</h1>
<div data-role="fieldcontain">
<label for="virtuemart_product_id_box" class="select"> <?php echo JText::_('COM_VIRTUEMART_PRODUCT_NAME') ?>:
</label>
<?php echo $this->lists['products']; ?>
</div>
</form>
I am also using Jtouch template for joomla mobile display.
I found the following scripts on my html:
<script type="text/javascript">
var jtouchPageId = 0;
var jtouchPageTransition = 'fade';
var jtouchHeaderTheme = 'b';
var jtouchAdd2HomMessage = 'Install this web app on your %device: tap %icon and then <strong>Add to Home Screen</strong>.';
var jtouchShowAppDialog = true;
var jtouchPage = '';
</script>
<script type="text/javascript">
vmSiteurl = 'http://localhost/seleccionatu/' ;
vmLang = ""
vmCartText = 'fue agregado a su carro' ;
vmCartError = 'Hubo un error al actualizar su carro' ;
loadingImage = '/seleccionatu/components/com_virtuemart/assets/images/facebox/loading.gif' ;
closeImage = '/seleccionatu/components/com_virtuemart/assets/images/facebox/closelabel.png' ;
Virtuemart.addtocart_popup = '1' ;
faceboxHtml = '<div id="facebox" style="display:none;"><div class="popup"><div class="content"></div> </div></div>'
window.addEvent('domready', function() {
SqueezeBox.initialize({});
SqueezeBox.assign($$('a.modal'), {
parse: 'rel'
});
});
Can these scripts cause the popup for the select not to open? Also noticed that the URL is added with #virtuemart_product_id_box-listbox