Défiler des Url Automatiquement
Résolu/Fermé
A voir également:
- Défiler des Url Automatiquement
- Lien url - Guide
- Recherche automatique des chaînes ne fonctionne pas - Guide
- Url scam ✓ - Forum Antivirus
- Atlas pro url serveur invalide - Forum TV & Vidéo
- The requested url was rejected. please consult with your administrator. ✓ - Forum Réseaux sociaux
3 réponses
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
13 janv. 2016 à 09:48
13 janv. 2016 à 09:48
Salut,
Une solution possible avec javascript serait de réutiliser le principe d'un diaporama.
On enregistre la liste des Url dans un tableau puis on parcours ce tableau via une boucle qui affiche l'Url courante et attend 5 min via un timer.
Bonne journée
Une solution possible avec javascript serait de réutiliser le principe d'un diaporama.
On enregistre la liste des Url dans un tableau puis on parcours ce tableau via une boucle qui affiche l'Url courante et attend 5 min via un timer.
Bonne journée
Salut, merci pour ton aide. J'ai commencé par faire un tableau de cette manière.
Model.count (code C#) récupère le nombre d'element qui se trouve dans ma liste.
Le souci étant que je vois pas comment remplir le tableau avec les valeurs de ma liste.
<script type="text/javascript">
$(document).ready(function() {
var MonTableau = new Array(<%= @Model.Count %>);
});
</script>
Model.count (code C#) récupère le nombre d'element qui se trouve dans ma liste.
Le souci étant que je vois pas comment remplir le tableau avec les valeurs de ma liste.
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
13 janv. 2016 à 10:42
13 janv. 2016 à 10:42
Ne connaissant pas C#, je ne sais pas comment tu parcours ta liste d'élément. As tu un exemple qui affiche simplement les éléments de la liste ?
Sinon, as tu la possibilité en C# de convertir ta liste au format JSON ? Il serait alors très simple de récupérer cette liste en javascript à partir du format JSON.
Sinon, as tu la possibilité en C# de convertir ta liste au format JSON ? Il serait alors très simple de récupérer cette liste en javascript à partir du format JSON.
Oui, il est possible d'utiliser une liste aux format Json (en faite je récupère la liste à partir d'un fichier Xml au niveau de mon controller et ensuite je l'envois à ma vue) mais si tu me dis que c'est plus pratique d'utiliser une liste aux format Json, je veux bien essayer. Cependant, j'en ai simplement entendu parler, je ne sais pas comment utiliser le Json dans le JavaScript. Je vais faire des recherches sur le net mais si tu as des tutos à conseiller, je suis preneur.
En tout cas merci pour ton aide, tu m'as beaucoup aider.
En tout cas merci pour ton aide, tu m'as beaucoup aider.
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
Modifié par Pitet le 13/01/2016 à 11:17
Modifié par Pitet le 13/01/2016 à 11:17
Un exemple simple d'utilisation du format JSON pour récupérer un tableau php en javascript :
<?php
$tableauPHP = array('cle1' => 'value1', 'cle2' => 'value2');
?>
<script>
$(document).ready(function() {
var tabJS = JSON.parse('<?php echo json_encode($tableauPHP); ?>');
alert(tabJS.cle1); // affiche value1
});
</script>
Le petit souci c'est que je dois utiliser un fichier externe pour pouvoir ajouter des Url a tout moment sans changer le code.
J'ai constitué un ficher de la manière suivante :
Comment faire pour récupérer cette liste d'Url en JavaScript?
J'ai constitué un ficher de la manière suivante :
{
"lstUrls": {
"url": {
"id" : "1",
"name" : "http://www.amazon.fr",
"details" : "Amazon",
},
"url": {
"id" : "2",
"name" : "http://www.facebook.fr",
"details" : "Facebook",
},
"url": {
"id" : "3",
"name" : "http://www.gmail.fr",
"details" : "Gmail"
}
}
}
Comment faire pour récupérer cette liste d'Url en JavaScript?
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
13 janv. 2016 à 11:37
13 janv. 2016 à 11:37
Je ne comprend pas où est le problème. La lecture du fichier externe est bien faite par ton serveur en C# ?
Si tu sais comment récupérer cette liste en C#, il te suffit alors de la convertir en JSON et de le parser dans ton code javascript (cf. exemple ci-dessus)
Si tu sais comment récupérer cette liste en C#, il te suffit alors de la convertir en JSON et de le parser dans ton code javascript (cf. exemple ci-dessus)
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
14 janv. 2016 à 12:22
14 janv. 2016 à 12:22
Salut,
Le code de ton message du 14/01 semble correct.
As tu des erreurs javascript dans la console de développement de ton navigateur (raccourci F12) ?
Sinon, peux tu stp nous poster le code html/javascript généré (c-a-d le code source de la page depuis ton navigateur sans le code C#) ?
Bonne journée
Le code de ton message du 14/01 semble correct.
As tu des erreurs javascript dans la console de développement de ton navigateur (raccourci F12) ?
Sinon, peux tu stp nous poster le code html/javascript généré (c-a-d le code source de la page depuis ton navigateur sans le code C#) ?
Bonne journée
Dans le code source de la page, en faisant F12, on récupère bien l'url dans la data de l'object mais rien n'est affiché.
Lorsqu'on rentre pour la premier fois dans la page Html, l'object fonctionne correctement, mais, une fois que la data de la balise object est actualisé par JS. L'object n'affiche pas la page web arrivé dans la data. Y a t-il une façon d'actualiser la balise object dans JS.
1er fois que je rentre la page web :
Une fois que le JS a actualisé la balise object :
Lorsqu'on rentre pour la premier fois dans la page Html, l'object fonctionne correctement, mais, une fois que la data de la balise object est actualisé par JS. L'object n'affiche pas la page web arrivé dans la data. Y a t-il une façon d'actualiser la balise object dans JS.
1er fois que je rentre la page web :
<body>
<ul id="ul" class="menu-hide"></ul>
<div id="container">
<object id="monitor" data="/Monitor/Index" type="text/html"></object>
</div>
...
</body>
Une fois que le JS a actualisé la balise object :
<body>
<ul id="ul" class="menu-hide"></ul>
<div id="container">
<object id="monitor" data="http://www.facebook.fr/" type="text/html"></object>
</div>
...
</body>
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
14 janv. 2016 à 13:58
14 janv. 2016 à 13:58
Le changement de l'attribut data devrait bien mettre à jour le contenu de la balise object : https://jsfiddle.net/70oc1muq/
Néanmoins si tu essaies avec l'url du site Facebook, tu devrais avoir un message d'erreur dans la console de développement : Load denied by X-Frame-Options: https://fr-fr.facebook.com/ does not permit framing.
Par contre avec des pages de ton site cela devrait fonctionner correctement.
Tu peux également essayer de cacher la balise object avant le changement d'url et de l'afficher après le changement (via display: none/block;).
Néanmoins si tu essaies avec l'url du site Facebook, tu devrais avoir un message d'erreur dans la console de développement : Load denied by X-Frame-Options: https://fr-fr.facebook.com/ does not permit framing.
Par contre avec des pages de ton site cela devrait fonctionner correctement.
Tu peux également essayer de cacher la balise object avant le changement d'url et de l'afficher après le changement (via display: none/block;).
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
Modifié par Pitet le 14/01/2016 à 15:30
Modifié par Pitet le 14/01/2016 à 15:30
Pour afficher des URL de ton site sans renseigner le nom de domaine, tu peux utiliser le chemin absolu depuis la racine de ton site.
Par exemple :
- pour renseigner l'URL http://localhost/page.html, tu peux simplement saisir /page.html (avec le / au début).
- pour renseigner l'URL http://localhost/dossier/page2.html, tu peux simplement saisir /dossier/page2.html (avec le / au début).
Pour modifier le style css en javascript, tu peux utiliser la propriété style de l'objet concerné. Par exemple :
Plus d'info : https://www.w3schools.com/jsref/dom_obj_style.asp
Par exemple :
- pour renseigner l'URL http://localhost/page.html, tu peux simplement saisir /page.html (avec le / au début).
- pour renseigner l'URL http://localhost/dossier/page2.html, tu peux simplement saisir /dossier/page2.html (avec le / au début).
Pour modifier le style css en javascript, tu peux utiliser la propriété style de l'objet concerné. Par exemple :
document.getElementById("monitor").style.display = 'none';
// ou
document.getElementById("monitor").style.display = 'block';
Plus d'info : https://www.w3schools.com/jsref/dom_obj_style.asp
