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>
Related
I was migrating my project into MVC from razor pages, my links were just asp-page="/Privacidade and they worked perfectly, but now, I was implementing the #addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers and in the _layout I'm using asp-controller="Home" asp-action="Privacidade"
When i try to click a link in the navbar, it shows me a 404 ERROR can't find this page
This is my _layout code (Main problem is in the navbar):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<!--Compativel com Internet explorer com esta função-->
<meta http-equiv="X-UA-Compatible" content="IE=11" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>#ViewData["Title"] - hdsportal</title>
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<!-- Folha CSS -->
<link rel="stylesheet" href="~/css/site.css" />
<!-- Folha Bootstrap -->
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
</head>
<body style="background: linear-gradient(90deg, rgba(50,93,149,1) 0%, rgba(14,47,89,1) 100%); padding-bottom: 75px ">
<header>
<!-- Barra de navegação -->
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-light">
<a class="navbar-brand border border-black p-0 ml-2" href="/">
<img class="img1" style="width: 178px; height: 47px;" src="/img/hds-logo.png">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Logotipo do HDS -->
<div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
<a class="navbar-brand p-0 ml-2" href="/">
<img class="img2" style="width: 122px;height: 64px;" src="/img/hds-logo2.png">
</a>
<!--Mais tarde subsituido pelo nome do utilizador e não o nome da sessão-->
<p class="nav navbar-text navbar-right p-3">Bem-Vindo, #User.Identity.Name!</p>
Alterar Identidade?
<!-- Links da barra de navegação -->
<ul class="navbar-nav flex-grow-1 rounded-0">
<li class="nav-item rounded-0">
<a class="nav-link text-dark rounded-0" asp-area="" asp-controller="Home" asp-action="Privacidade">Privacidade</a>
</li>
<li class="nav-item rounded-0">
<a class="nav-link text-dark rounded-0" asp-area="" asp-controller="Home" asp-action="QuemSomos">Quem Somos</a>
</li>
<li class="nav-item rounded-0">
<a class="nav-link text-dark rounded-0" asp-area="" asp-controller="Home" asp-action="Contatos">Contatos</a>
</li>
<li class="nav-item dropdown rounded-0">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Administração
</a>
<div class="dropdown-menu py-0 py-0 m-0 rounded-0" aria-labelledby="navbarDropdown">
<!-- Dropdown da parte da Administração (links) -->
<a class="dropdown-item rounded-0" asp-controller="Home" asp-action="Gestao_Alertas">Gestão de Alertas</a>
<div class="dropdown-divider m-0"></div>
<a class="dropdown-item rounded-0" asp-area="" asp-controller="Home" asp-action="Gestao_Utilizadores">Gestão de Utilizadores</a>
<div class="dropdown-divider m-0"></div>
<a class="dropdown-item rounded-0" href="#">Gestão de Inventário</a>
<div class="dropdown-divider m-0"></div>
<a class="dropdown-item rounded-0" href="#">Gestão de Inventário - Consulta</a>
<div class="dropdown-divider m-0"></div>
<a class="dropdown-item rounded-0" href="#">Reporting Services</a>
</div>
</li>
</ul>
</div>
</nav>
</header>
<!-- Pop-up do Login (modal) -->
<div id="myModal" class="modal fade show" aria-modal="true">
<div class="modal-dialog modal-login">
<div class="modal-content">
<form action="/examples/actions/confirmation.php" method="post">
<div class="modal-header">
<h4 class="modal-title">Login</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<!-- Utilizador -->
<div class="form-group">
<label>Username</label>
<input type="text" class="form-control" required="required">
</div>
<!-- Password -->
<div class="form-group">
<div class="clearfix">
<label>Password</label>
<small>Forgot?</small>
</div>
<input type="password" class="form-control" required="required">
</div>
</div>
<div class="modal-footer justify-content-between">
<label class="form-check-label"><input type="checkbox"> Remember me</label>
<input type="submit" class="btn btn-primary" value="Login">
</div>
</form>
</div>
</div>
</div>
<!-- Body (código utilizado no INDEX) -->
<main role="main">
#RenderBody()
</main>
<!-- Barra rodapé -->
<footer class="py-3 px-sm-3 mt-xl-5 fixed-bottom text-muted bg-light ">
© 2021 - hdsportal - <a asp-area="" asp-page="/Privacidade">Privacidade</a>
</footer>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
<script src="https://use.fontawesome.com/b6e7b019b4.js"></script>
#RenderSection("Scripts", required: false)
</body>
</html>
My Startup:
using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.HttpsPolicy;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Hosting;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
namespace hdsportal
{
public class Startup
{
public Startup(IConfiguration configuration)
{
Configuration = configuration;
}
public IConfiguration Configuration { get; }
// This method gets called by the runtime. Use this method to add services to the container.
public void ConfigureServices(IServiceCollection services)
{
services.AddControllersWithViews();
}
// This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
else
{
app.UseExceptionHandler("/Home/Error");
// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
app.UseHsts();
}
app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseRouting();
app.UseAuthorization();
app.UseEndpoints(endpoints =>
{
endpoints.MapControllerRoute(
name: "default",
pattern: "{controller=Home}/{action=Index}/{id?}");
});
}
}
}
This is my pages setup
Link I'm trying to get into
The error when i click the page
Just change your action to:
public IActionResult Privacidade()
{
return View();
}
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 am trying to convert from view that there is file svg to PDF. See image below.
enter image description here
See that the word "Febraban" was disappeared... Does anyone know why?
If image from PNG, the system works perfect, but with format .svg nope :(
See the codes below:
CSHTML:
<html>
<head>
#Styles.Render("~/Content/Site.css")
<title>Certificado</title>
</head>
<body>
<table style="width:100%; height:100%;">
<tr>
<td style=" background: #e4e4e2 url('../../Content/Imagens/Imagem_Direita_AQ.svg') top right no-repeat; background-size: auto 100%; text-align: center;">
<h1 class="txt-font-certificado">C E R T I F I C A D O</h1>
<p class="txt-18-preto">
Declaremos que
</p>
<p class="txt-30-azul-Participante">
ÉLITA BORGES SIMIONATO
</p>
<p class="txt-18-preto">
participou do
</p>
<p class="txt-20-azul-evento">
8º Congresso Combate e Prevenção a Lavagem de Dinheiro
<p align="center" class="txt-20-azul-evento">e ao Financiamento do Terrorismo</p>
<p class="txt-18-preto">
de 7/6 a 12/6/18, na cidade de São Paulo/SP,
</p>
<p class="txt-18-preto">
promovido pela Federação Brasileira de Bancos.
</p>
<p class="txt-18-preto">
Carga horária: 18 horas.
</p>
<br />
<img class="txt-assinatura" src="~/Content/Imagens/Assinatura.png" />
</td>
</tr>
</table>
#using (Html.BeginForm("Gerar", "Pdf", FormMethod.Post))
{
<button type="submit">Gerar PDF</button>
}
</body>
</html>
CONTROLLER:
public class PdfController : Controller
{
[HttpGet]
public ActionResult Certificado()
{
return View();
}
public ActionResult Gerar()
{
return new ActionAsPdf("Certificado")
{
PageSize = Rotativa.Options.Size.A4,
PageOrientation = Rotativa.Options.Orientation.Landscape,
PageMargins = new Rotativa.Options.Margins(0, 0, 0, 0),
FileName = Server.MapPath("~/Content/Certificado.pdf")
};
}
}
I hope that you can help me!
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');
});
});
I have two pages: index.html and main.html
When i set the main.html page to be the default page of my app, the java script works, but when I set the index.html to be the main one, after the redirect, the javascript on the main.html just stops working.
here is the HTML of the two pages:
index.html
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>
</title>
<link rel="stylesheet" href="jquery.mobile-1.0.1/jquery.mobile-1.0.1.min.css" />
<style>
/* App custom styles */
</style>
<script src="jquery.mobile-1.0.1/jquery.min.js"></script>
<script src="jquery.mobile-1.0.1/jquery.validate.min.js"></script>
<script src="jquery.mobile-1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script>
$.mobile.allowCrossDomainPages = true;
$.mobile.ajaxLinksEnabled = false;
function onLoad(){
document.addEventListener("deviceready", onDeviceReady, true);
}
function onDeviceReady(){
// request the persistent file system
window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, onSuccess, null);
}
function onSuccess(fileSystem) {
fileSystem.root.getFile("kuapodata.xml", null, gotMe, failFile);
}
// se o arquivo não existir
function failFile(error) {
$("#formLogin").show();
}
// se o arquivo existir
function gotMe(fileEntry) {
$.mobile.changePage("main.html", null, false, false);
}
</script>
</head>
<body onload="onLoad();">
<div data-role="page" id="page1">
<div data-theme="a" data-role="header">
<h3>
Header
</h3>
</div>
<div data-role="content" id="formLogin">
<form id="loginFrm">
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<label for="textinputEmail">
</label>
<input id="textinputEmail" placeholder="email" value="" type="email" />
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<label for="textinputPassword">
</label>
<input id="textinputPassword" placeholder="senha" value="" type="password" />
</fieldset>
</div>
<input value="entrar" type="submit" />
</form>
</div>
</div>
<script>
var xml;
function gotFS(fileSystem) {
fileSystem.root.getFile("kuapodata.xml", {create: true, exclusive: false}, gotFileEntry, fail);
}
function gotFileEntry(fileEntry) {
fileEntry.createWriter(gotFileWriter, fail);
}
function gotFileWriter(writer) {
writer.write(xml);
}
function fail(error) {
alert(error.code);
}
// ao fazer o login
$("form").submit(function() {
// chama função que valida usuário
ValidateUser();
return false;
});
// verifica se o usuário existe
function ValidateUser(email, password) {
$.ajax({
type: 'POST',
url: 'http://********/oauth.aspx',
data: "email=" + $("#textinputEmail").val() + "&password=" + $("#textinputPassword").val(),
success: function(data) {
// se o usuário existir
if (data != "false") {
xml = data;
// cria o arquivo xml se ainda não existir
window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, gotFS, fail);
// muda o usuário de página
$.mobile.changePage("main.html");
}
else {
alert("Dados inválidos. Tente novamente.");
}
}
});
}
</script>
</body>
</html>
main.html
<!DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="jquery.mobile-1.0.1/jquery.mobile-1.0.1.min.css" />
<style>
/* App custom styles */
</style>
<script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script>
<script src="jquery.mobile-1.0.1/jquery.min.js"></script>
<script src="jquery.mobile-1.0.1/jquery.validate.min.js"></script>
<script src="jquery.mobile-1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script>
$(document).ready(function() {
alert("yesss");
});
</script>
</head>
<body>
<div data-role="page" id="page1">
<div data-theme="a" data-role="header">
<h3>
Header
</h3>
</div>
<div data-role="content" id="main">
</div>
</div>
</body>
</html>
jQuery Mobile pulls in remote pages via AJAX. When it does this, it only pulls in the first data-role="page" element it finds. This means that anything outside the data-role="page" element is discarded.
The best work-around is to put all of your app's JS into a custom.js file and include it in the head of every page, this way all the code for your site is always available (to do this you will need to use event delegation).
You can also put the JS for each page inside the data-role="page" element so it is grabbed by jQuery Mobile and not just discarded:
<div data-role="page" id="page1">
<script>
alert('hello');
</script>
<div data-theme="a" data-role="header">
<h3>
Header
</h3>
</div>
<div data-role="content" id="main">
</div>
</div>