La date/heure actuelle est Ven 26 Avr - 13:29
8 résultats trouvés pour pun-logo
Changement photo logo quand on change de pages
Bonjour,Juste une information sur le copiage du code ... ne copiez pas les numéros de lignes en plus du code ...
En clair , les 1. , 2. , 3. , 4. ... ne doivent pas être dans le code copié .
code source du script a écrit:1.$(function(){2.3.var a=["https://i.servimg.com/u/f39/16/20/44/96/p1000217.jpg","https://i.servimg.com/u/f40/16/20/44/96/les_3b10.jpg"];4.5.b=function(){$("#pun-logo img,#i_logo,#logo img").attr("src",a[Math.floor(Math.random()*a.length)])};b();setInterval(b,7*1000);6.7.});$(function(){if($('a.nav[href^="/f9-"]').length){$("#pun-logo img,#i_logo,#logo img").attr('src','https://i.servimg.com/u/f46/16/67/38/30/alsace10.jpg')};if($('a.nav[href^="/f10-"]').length){$("#pun-logo img,#i_logo,#logo img").attr('src','https://i.servimg.com/u/f46/16/67/38/30/aquita10.jpg')}});
- le Dim 3 Mai - 2:08
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Changement photo logo quand on change de pages
- Réponses: 12
- Vues: 1174
Pouvoir mettre deux gifs deux diaporamas gifs en entete (à la place du logo)
Détails techniques
Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://universgrenat.forumactif.org/forum
Description du problème
BonjourTout est dans le titre, le code suivant marche très bien, mais j'aimerai mettre deux diaporamas, un à droite et un à gauche.
$(function() {
var a = ["http://upload.wikimedia.org/wikipedia/commons/8/8b/Light_dispersion_conceptual.gif"];
b=function(){$("#pun-logo img,#i_logo,#logo img").attr("src",a[Math.floor(Math.random()*a.length)])};b();setInterval(b,7*1000);
});
Merci pour votre réponse
- le Mer 25 Juil - 15:17
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Pouvoir mettre deux gifs deux diaporamas gifs en entete (à la place du logo)
- Réponses: 1
- Vues: 1373
Code à utiliser pour insertion banderole animée (gif) dans le header
Détails techniques
Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://anaaga.forumactif.com/forum
Description du problème
Bonjour à tousSUJET RESOLU SEUL !
Je souhaiterai placer ma banderole animée en haut du forum dans le header.
Pour voir la banderole en question:
https://2img.net/r/hpimg4/pics/681645BanderolleFinaleGA.gif
En cherchant sur les forums d'aide, j'ai trouvé ce code javascript que j'ai essayé d'utiliser:
$(function() {var a = ["https://2img.net/r/hpimg4/pics/681645BanderolleFinaleGA.gif"];b=function(){$("#pun-logo img,#i_logo,#logo img").attr("src",a[Math.floor(Math.random()*a.length)])};b();setInterval(b,7*1000);});
Les Problèmes:
- L'animation du gif est coupée (on ne voit que le début)
- J'aimerai qu'il prenne toute la largeur du header (le gif fait 640x91 px)
Merci par avance de votre aide !
- le Dim 12 Nov - 9:57
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Code à utiliser pour insertion banderole animée (gif) dans le header
- Réponses: 1
- Vues: 1380
Diaporama JavaScript
Détails techniques
Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://modelismenavalradioc.nouvellestar6.com/
Description du problème
Bonjour.J'ai un diaporama sur mon forum dont les photos s'affichent de façon aléatoire.
Je souhaiterai que les photos défilent dans l'ordre.
Voici le script actuel:
$(function() {
var a =
["https://i.servimg.com/u/f57/18/73/58/54/0111.jpg","https://i.servimg.com/u/f38/15/65/84/19/01710.jpg","https://i.servimg.com/u/f57/18/73/58/54/0211.jpg","https://i.servimg.com/u/f57/18/73/58/54/0311.jpg","https://i.servimg.com/u/f57/18/73/58/54/0410.jpg","https://i.servimg.com/u/f57/18/73/58/54/0510.jpg","https://i.servimg.com/u/f57/18/73/58/54/0610.jpg","https://i.servimg.com/u/f57/18/73/58/54/0710.jpg","https://i.servimg.com/u/f57/18/73/58/54/0810.jpg","https://i.servimg.com/u/f57/18/73/58/54/0910.jpg","https://i.servimg.com/u/f57/18/73/58/54/01010.jpg","https://i.servimg.com/u/f57/18/73/58/54/01110.jpg","https://i.servimg.com/u/f57/18/73/58/54/01210.jpg","https://i.servimg.com/u/f57/18/73/58/54/01310.jpg","https://i.servimg.com/u/f57/18/73/58/54/01410.jpg","https://i.servimg.com/u/f57/18/73/58/54/01510.jpg","https://i.servimg.com/u/f57/18/73/58/54/01610.jpg","https://i.servimg.com/u/f57/18/73/58/54/01810.jpg","https://i.servimg.com/u/f57/18/73/58/54/01910.jpg","https://i.servimg.com/u/f57/18/73/58/54/02010.jpg","https://i.servimg.com/u/f57/18/73/58/54/02110.jpg","https://i.servimg.com/u/f57/18/73/58/54/02210.jpg","https://i.servimg.com/u/f57/18/73/58/54/02310.jpg","https://i.servimg.com/u/f57/18/73/58/54/02410.jpg","https://i.servimg.com/u/f57/18/73/58/54/02510.jpg","https://i.servimg.com/u/f57/18/73/58/54/02610.jpg","https://i.servimg.com/u/f58/15/65/84/19/02710.jpg","https://i.servimg.com/u/f58/15/65/84/19/02810.jpg","https://i.servimg.com/u/f58/15/65/84/19/02910.jpg","https://i.servimg.com/u/f58/15/65/84/19/03010.jpg","https://i.servimg.com/u/f58/15/65/84/19/03110.jpg","https://i.servimg.com/u/f58/15/65/84/19/03210.jpg","https://i.servimg.com/u/f58/15/65/84/19/3310.jpg","https://i.servimg.com/u/f58/15/65/84/19/3410.jpg","https://i.servimg.com/u/f18/15/65/84/19/3510.jpg"];
b=function(){$("#pun-logo img,#i_logo,#logo img").attr("src",a[Math.floor(Math.random()*a.length)])};b();setInterval(b,5*1000);
});
Ne connaissant strictement rien en programmation, qui aurait la gentillesse de me communiquer la modification à effectuer.
Cordialement.
Bertrand
- le Ven 16 Sep - 7:02
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Diaporama JavaScript
- Réponses: 2
- Vues: 1338
Javascripts pour bannière défilante
Desole je suis très nul :'([code][code]$(function() {
var a = [http://hpics.li/0c8a482, http://hpics.li/1ca27f1, http://hpics.li/8ae4fbd];
b=function(){$("#pun-logo img,#i_logo,#logo img").attr("src",a[Math.floor(Math.random()*a.length)])};b();setInterval(b,7*1000);
});[code][/code]
- le Mer 6 Juil - 18:36
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Javascripts pour bannière défilante
- Réponses: 18
- Vues: 1737
Version Mobil
Bonjour,Bon d'après quelques membres les plus mécontent le problème est réglé.
Voici ce code qui est celui que Neptune- m'a donné
Version du thème : PunBB (punbb)
Code :
/*Bandeau redimentionner */
@media screen and (max-device-width: 900px) {
#pun-logo img {
max-width: 900px;
}
}
Code inserer en tout début de la feuille de style CSS
- le Mer 3 Juin - 6:18
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Version Mobil
- Réponses: 16
- Vues: 1330
Fusionner : Bannière aléatoire + Arrière-plan extensible ( Et si possible créer un décalage )
Détails techniques
Version du forum : phpBB2Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 03/01/2015
Lien du forum : http://www.teso-event.com/
Description du problème
Bonjour ! Je voudrais fusionner la java de bannière aléatoire ( https://forum.forumactif.com/t223082-banniere-aleatoire-ou-defilante )- Code:
$(function() {
var a = ["http://adresse_image_1", "http://adresse_image_2", "http://adresse_image_3"];
$("#pun-logo img,#i_logo,#logo img").attr("src", a[Math.floor(Math.random() * a.length)])
});
Avec un css de fond de page extensible :
- Code:
body { margin:0;
padding:0;
background: url(http://adresse_image) no-repeat center fixed;
-webkit-background-size: cover;
background-size: cover;}
Pour pouvoir tout simplement avec un fond d'écran extensible, mais avec plusieurs images ( qui changerons donc à l’actualisation ).
J'ai essayer quelques bidouillages, mais rien ne s'affiche. Genre remplacer "{#}pun-logo{/#} img,{#}i_logo{/#},{#}logo{/#} img" par "body" et retirer l'image du css, mais ça ne fonctionne pas. J'ai aussi tenter de m'inspirer d'un de mes ancien topic ( https://forum.forumactif.com/t348748-fusionner-les-scripts-fonds-aleatoires-adaptes-a-la-resolution ) en vain.
Help!
Ps : En plus, dans ce futur code ( si c'est réalisable ), je voudrais pouvoir imposer une marge en hauteur, pour que les images ne soient pas rogner par ma barre de navigation ( http://www.teso-event.com/ ), ce serais à l’occurrence 48px. J'avais essayer sur mon css de base d'ajouter une marge, mais j'imagine que c'est .body qui pose soucis, vu que c'est justement le référentiel, enfin, je crois...
- le Sam 3 Jan - 20:08
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Fusionner : Bannière aléatoire + Arrière-plan extensible ( Et si possible créer un décalage )
- Réponses: 6
- Vues: 2056
Exécuter un code javascript sous certaines conditions
Exécuter un code Javascript sous certaines conditions |
Le Javascript est un langage de script qui permet à son exécution de modifier des éléments de la page. Il est possible de mettre des codes Javascript dans le Panneau d'administration pour qu'ils soient exécutés sur le forum (voir Gestion des codes Javascript). Accessibilité aux éléments de la page par le code JavascriptLe code javascript a accès à tout les éléments existant avant là où il se trouve, les codes javascript mis dans le panneau d'administration sont mis dans la partie <head> ... </head> du forum (où on spécifie l'adresse de la feuille de style, le titre de la page, l'encodage de la page), ce qui veut dire que le script n'a accès au départ à aucun des éléments du contenu de la page (vu qu'ils se trouvent après). Comment accéder aux éléments se trouvant après le script ?C'est assez simple, il suffit de retarder l'exécution du code. Il y a moyen de le faire avec des dispositifs de base de Javascript, mais en les utilisant mal (et beaucoup de scripts existants les utilisent mal), deux scripts auraient de fortes chances de ne pas fonctionner l'un avec l'autre. Alors plutôt que d'utiliser ce moyen, il est préférable d'utiliser celui fourni par jQuery (qui est une bibliothèque de javascript disposant de fonctions simplifiant les actions à faire pour arriver au résultat voulu). En jQuery pour retarder l'exécution du code à quand tout les éléments de la page existent, il suffit de mettre :
Le code que vous mettez à la place de /* votre code javascript */ sera exécuté à la fin de la page ( c'est à dire quand tout les éléments de la page existent et sont accessibles par le code ). Pourquoi ne pas le faire automatiquement sur tout les codes ?De nombreuses raisons peuvent faire que votre script n'a pas besoin d'accéder aux éléments de la page, par exemple, si le titre de page est Poster un nouveau sujet et que nous souhaitons le remplacer par Ouvrir un nouveau topic de discussion, il suffit de mettre ce script :
Et pas besoin de le retarder, ça fonctionne bien juste comme cela. Comment mettre une condition sur le code ?C'est très simple il suffit de mettre :
Comment faire une condition ?Il suffit de mettre un élément, il sera évalué et suivant sa valeur la valeur de la condition sera vrai ou faux. Ce qui est vrai :
Ce qui est faux :
Pour comparer 2 valeurs (et que le résultat donne vrai ou faux) il faut utiliser un opérateur de comparaison parmi les suivants :
Comment combiner plusieurs conditions ?Vous pouvez soit combiner plusieurs if, par exemple :
Ou bien il y a des opérateurs qui permettent de combiner une condition à l'autre :
Ainsi l'exemple de juste au dessus pourrait s'écrire simplement :
ExemplesVous avez tout ce qu'il vous faut pour exécuter un code javascript sous certaines conditions, mais voici quelques exemples pour mettre cela en application. Changer la bannière si on est sur le sujet 40 :Tout d'abord, il faut mettre le script juste sur les pages de sujet. Ensuite chaque sujet à un numéro qu'on retrouve dans l'adresse de la page, par exemple /t40- pour le sujet 40 (ou /t40p15- pour une page du sujet). Tout les éléments concernant la page, se trouve dans l'objet document, ce qui nous intéresse dedans est document.location qui a plusieurs propriétés concernant la page sur laquelle on se trouve, par exemple si on était sur https://forum.forumactif.com/h3-tutoriels?test#bonjour, voici les propriétés qu'il y aurait :
Grâce à ces variables on a moyen de récupérer l'adresse de la page sur laquelle on est (ensuite il suffit de la tester pour voir si on est sur la bonne page), ici donc les adresses pourraient être :
Donc il faut que notre test fonctionne avec tout cela. On ne peut pas faire simplement un test d'égalité car si le sujet fait 4 pages il faudrait déjà faire :
Et si il en fait 200 n'en parlons pas. Donc plutôt que d'utiliser cela on va utiliser les expressions régulières (des "modèles" pour lesquels on peut tester si une chaîne de caractère y correspond ou pas). Pour faire une expression régulière il suffit de mettre :
Et on peut l'utiliser de plusieurs façons, pour ce qu'on veut faire on peut l'utiliser de cette façon :
Si l'expression régulière /test/ est trouvée dans la chaîne, vrai est renvoyé sinon faux est renvoyé. Donc il nous suffit de trouver une expression régulière qui correspond à l'url de la page et ce sera notre condition pour exécuter le code. L'expression régulière qui convient ici si on teste le document.location.pathname (donc /t40p2145-nom-du-sujet) est :
Le ^ permet de signifier ce que je trouve doit commencer par ce qui suit, le \/ c'est juste pour chercher le / (vu que c'est le caractère qui signale la fin de l'expression régulière on doit mettre \/ pour l'utiliser dedans), ensuite le (contenu)?, les parenthèse permettent juste de sélectionner une partie, et le ? signifie ce qui précède doit être présent ou pas (donc le contenu de la parenthèse est facultatif), le [1-9], le [ et ] signifie une des lettres qui me compose (donc par exemple aaa[edc]bbb ça trouvera aaaebbb, aaadbbb et aaacbbb), le trait d'union à l'intérieur et entre deux caractère signifie "et tout ce qu'il y a entre" (donc [1-7] c'est pareille à mettre [1234567]) et puis pour finir le * signifie ce qui précède est présent 0 ou plusieurs fois. Donc si on voulait exprimer ce que fait le /^\/t40(p[1-9][0-9]*)?-/ ce serait trouver les chaînes de caractères qui commencent par /t40 après quoi il peut y avoir p1 à p9999... (autant qu'on veut) après quoi il y a un trait d'union. Donc on a notre code final :
Pour ce qui est du code pour changer la bannière, le $("selecteur") (de la librairie jQuery inclue sur les forum Forumactif) permet de sélectionner des éléments par un sélecteur CSS, le sélecteur #pun-logo,#i_logo,#logo img permet de sélectionner la bannière (#i_logo celle de PhpBB2, #logo img celle de PhpBB3 et Invision et #pun_logo celle de... PunBB), ensuite à cette sélection d'élément on peut faire un peu tout ce qu'on veut, nous on utilise la méthode attr("nom de l'attribut","valeur qui doit lui être mise") qui permet de modifier la valeur d'un attribut afin de changer l'adresse de l'image dans notre cas. Plus d'informations sur les expressions régulières : Plus d'informations sur les sélecteurs d'élément en jQuery : Plus d'informations sur la méthode attr() de jQuery : Mettre une alerte "hello amigo" à un membre qui n'avait pas visité le forum depuis 24hTout d'abord pour savoir si un membre est connecté ou pas, on peut utiliser le lien de déconnexion de la barre de menu, il est comme ceci :
Et n’apparaît évidemment que si on est connecté, on peut le sélectionner facilement avec $("#logout") et il y a la propriété length de jQuery qui peut nous renvoyer combien d'éléments sont sélectionnés (donc si on est connecter $("#logout").length renverra 1, et si on est déconnecté cela renverra 0). Ensuite pour savoir si le membre n'a pas ouvert de page depuis 24h, il suffit à chaque page ouverte d'enregistrer un cookie avec la date. Pour avoir la date il faut faire new Date() qui nous renvoie un objet Date contenant la date actuelle (et pour le transformé en entier qui sont plus facile à utiliser, il suffit de mettre un + devant). Forumactif inclut des fonctions pour lire et écrire des cookies sur ses forums. Il suffit de faire my_setcookie("nom du cookie","valeur",1,0) pour écrire un cookie et my_getcookie("nom du cookie") pour lire un cookie (si on lit un cookie qui n'existe pas, la valeur null sera renvoyée). On a tout ce qu'il nous faut, voici le code pour résoudre notre désir :
Pour plus d'information sur la propriété length de jQuery : Afficher un message à l'écriture d'un nouveau sujet dans le forum 6, 7 et 8Cette fois encore, il faut faire en fonction de l'adresse, l'adresse pour écrire un message dans le forum 7 est :
Donc il faut que le .document.location.pathname soit ./post et que le .document.location.search soit .?f=7&mode=newtopic ou .?f=8&mode=newtopic ou .?f=9&mode=newtopic, on a ainsi déjà notre condition :
Il faut mettre \? à la place de ? quand on veut le chercher, car ? est un caractère spécial, et le $ signifie ce qui précède doit finir la ligne. Il nous reste juste à mettre un message, ce qui nous donne :
prepend est une méthode de jQuery qui permet d'ajouter du code html au début d'un élément, aussi il faut faire attention car on met le contenu à afficher sous forme de chaîne javascript, dans une chaîne de texte javascript :
S'il est dans la chaîne, il faut mettre devant le caractère de fin et début (qui est soit ' soit ") un antislash (\). |
Cette astuce a été proposée par Ea. Et actualisée en août 2021. Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI. |
- le Dim 31 Juil - 5:16
- Rechercher dans: Trucs et astuces
- Sujet: Exécuter un code javascript sous certaines conditions
- Réponses: 0
- Vues: 11865