jQuery Faviconize

Trouvez ici tout l'aide dont vous avez besoin concernant le script d'annuaire Arfooo.
Merci de reporter les éventuels bugs trouvés.

jQuery Faviconize

Messagede samourai69 » Jeu 4 Déc 2008 23:33

Bonjour, je viens de trouver un lien sympa en parcourant le web http://www.babylon-design.com/share/faviconize/
Est ce que ca serait possible d'avoir un petit tuto rapide (les grandes lignes) pour l'utilisation de ce "jQuery Faviconize"
:)
samourai69
 
Messages: 250
Inscription: Jeu 6 Nov 2008 12:35


Re: jQuery Faviconize

Messagede Arf » Sam 6 Déc 2008 21:04

Bonjour,

Dans un premier temps, il faut comprendre le fonctionnement de jQuery qui est très interessant et assez rapide à prendre en main.
Chercher tutoriel jQuery et vous trouvez comment inclure jQuery puis les plugins mais c'est relativement très simple ;)
Arf
Administrateur du site
 
Messages: 3082
Inscription: Lun 21 Jan 2008 14:53

Re: jQuery Faviconize

Messagede samourai69 » Sam 6 Déc 2008 21:43

j'ai lu quelque tuto mais j'ai rien compris :?
Je suis peut etre pas aller aux bonnes adresses

ce genre de code je dois y mettre ou ???

Code: Tout sélectionner
$("ul#example05 a").faviconize({
   position: "before",
   defaultImage: "http://www.babylon-design.com/share/faviconize/external.gif",
   className: "faviconize",
   linkable: true,
   exceptions: ['http://www.msn.com/', 'http://www.ask.com']   
});
Code: Tout sélectionner
.faviconize {
   width:16px;
   height:16px;
   vertical-align:middle;
   border:0;
}



et que faire avec ce fichier jquery-faviconize-1.0.js ?
:cry:
samourai69
 
Messages: 250
Inscription: Jeu 6 Nov 2008 12:35

Re: jQuery Faviconize

Messagede samourai69 » Sam 6 Déc 2008 22:31

J'ai commencé par appelé les fichiers :

<script type="text/javascript" src="{'/javascript/jquery.js'|resurl}"></script>
<script type="text/javascript" src="{'/javascript/jquery-faviconize-1.0.js'|resurl}"></script>

j'ai mis ca dans header.tpl

j'ai aussi ajouter ca au css

.faviconize {
width:16px;
height:16px;
vertical-align:middle;
border:0;
}

mais ca je ne sais pas ou y mettre

$("ul#example05 a").faviconize({
position: "before",
defaultImage: "http://www.babylon-design.com/share/faviconize/external.gif",
className: "faviconize",
linkable: true,
exceptions: ['http://www.msn.com/', 'http://www.ask.com']
});

j'ai essayé dans item mais ca me fait une erreur

j'ai mis avant et après {php} {/php} pour tester mais ca ne marche pas non plus
samourai69
 
Messages: 250
Inscription: Jeu 6 Nov 2008 12:35

Re: jQuery Faviconize

Messagede Arf » Dim 7 Déc 2008 12:35

C'est normal dans le code source de l'exemple dans le header en plus il déclare chaque exemple :
Code: Tout sélectionner
<script type="text/javascript">
$(document).ready(function() {

   $("ul#example01 a").faviconize({
      position: "before"
   });
   
   $("ul#example02 a").faviconize({
      position: "after",
      defaultImage: "external.gif"
   });
   
   $("ul#example03 a").faviconize({
      position: "before",
      defaultImage: "external.gif",
      linkable: true
   });
   
   $("ul#example04 a").faviconize({
      position: "before",
      defaultImage: "external.gif",
      linkable: true,
      className: "faviconize"
   });
   
   $("ul#example05 a").faviconize({
      position: "before",
      defaultImage: "http://www.babylon-design.com/share/faviconize/external.gif",
      className: "faviconize",
      linkable: true,
      exceptions: ['http://www.msn.com/', 'http://www.ask.com']
   });
   
});
</script>


Mais bon on utilise pas ul dans le fichier item mais une class donc
Code: Tout sélectionner
<script type="text/javascript">
$(document).ready(function() {

$(".link_black_grey_bold a").faviconize({
      position: "before"
   });
</script>


Après peut être qu'il faudra créer un class unique spécialement pour ce script.
Arf
Administrateur du site
 
Messages: 3082
Inscription: Lun 21 Jan 2008 14:53

Re: jQuery Faviconize

Messagede samourai69 » Dim 7 Déc 2008 18:05

J'ai pas compris cette phrase : "C'est normal dans le code source de l'exemple dans le header en plus il déclare chaque exemple :"

j'ai essayer de mettre ca dans le fichier item (les 30 première ligne

Code: Tout sélectionner

{assign var="sitePosition" value=0}
{foreach from=$sites value=site}
<div class="column_inre{cycle values='_grey,'}">
{if $setting.sitesImages}

<script type="text/javascript" src="{'/javascript/jquery.js'|resurl}"></script>
<script type="text/javascript" src="{'/javascript/jquery-faviconize-1.0.js'|resurl}"></script>

<script type="text/javascript">
$(document).ready(function() {

$(".link_black_grey_bold a").faviconize({
      position: "before"
   });
</script>

<a href="{"/site/details/$site.siteId/%s"|url:$site.siteTitle}" class="link_black_grey_bold" >
<img src="{$site.imageSrc}"  class="website_image" />
</a>
{/if}

<div class="column_in_description_site_category">
<a href="{$site.url}"  id="link_black_grey_bold" class="link_black_grey_bold" onclick="return visitSite({$site.siteId})">{$site.siteTitle}</a>

{if $site.packageImageSrc}
<img src="{"/uploads/images_packages/$site.packageImageSrc"|resurl}" alt="" class="package_image" />
{/if}
<br />     
<span class="text_characters_desc">         
{if isset($display.highlightKeywords)}
{$site.description|truncate:$setting.numberOfCharactersForItemDescription|highlight:$display.highlightKeywords|nl2br}
{else}


mais ce ne marche pas :?
samourai69
 
Messages: 250
Inscription: Jeu 6 Nov 2008 12:35

Re: jQuery Faviconize

Messagede Arf » Lun 8 Déc 2008 15:39

Il faudrait que je test le script, mais j'ai pas le temps pour l'instant.
Je suis en plein développement...
Essaye de me rappeler ça un peu plus tard.
Arf
Administrateur du site
 
Messages: 3082
Inscription: Lun 21 Jan 2008 14:53

Re: jQuery Faviconize

Messagede samourai69 » Lun 8 Déc 2008 15:40

pas de probleme merci beaucoup ! et bon courage pour le devellopement :D
samourai69
 
Messages: 250
Inscription: Jeu 6 Nov 2008 12:35

Re: jQuery Faviconize

Messagede samourai69 » Mer 17 Déc 2008 00:07

Bonsoir :D voilà j'en profite maintenant que la nouvelle version est sorti pour savoir si tu avais un peu de temps pour voir d'ou le probleme vient ^^ Un petit tuto serai trop bien :D :D
samourai69
 
Messages: 250
Inscription: Jeu 6 Nov 2008 12:35

Re: jQuery Faviconize

Messagede bzbz » Jeu 18 Déc 2008 01:12

j'ai aussi des problèmes avec la biblioteque jquery.
j'en ai essayé plusieurs ça ne marche pas.
J'en ai installé sur plusieurs sites et jamais eu de soucis avant.
Je viens d'essayer Faviconize et c'est pareille.

Je me suis dit que j'allais prendre modèle sur le site arfooo où pour les theme lightbox est utilisé.

En regardant mon code source je vois que c'est bien interprété, avec un plugin je peux verifier que le css est bien chargé et que les chemins sont bons la même pour le javascript.

En sortie HTML dans mon head
Code: Tout sélectionner
<head>
<title>TEST - page 1</title>
<meta name="description" content="page 1" />
<meta name="robots" content="index, follow" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link href="/arfooo/templates/arfooo/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/arfooo/javascript/lightbox/lightbox.js"></script>
<link href="/arfooo/javascript/lightbox/lightbox.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">
setting = new Object;
setting.siteRootUrl = "/arfooo/";
   
var lightboxLoadingSrc = "/javascript/lightbox/loading.gif";
var lightboxCloseSrc = "/javascript/lightbox/close.gif";

</script>
<script type="text/javascript" src="/arfooo/index.php/javascript/config"></script>
<script type="text/javascript" src="/arfooo/javascript/core/ajax.js"></script>
<script type="text/javascript" src="/arfooo/javascript/site/VisitSite.js"></script>
</head>



et dans le body
Code: Tout sélectionner
<a rel="lightbox" href="/arfooo/uploads/images_thumbs/104.jpg" title="Détails : test" class="link_black_grey_bold" >
<img src="/arfooo/uploads/images_thumbs/104.jpg" alt="Détails : test" class="website_image" />
</a>



???

ps: je "zoom" sur une image identique mais c'est pas la question c'est un test.
bzbz
 
Messages: 180
Inscription: Jeu 20 Nov 2008 00:26

Suivante

Retourner vers Installation, aide et report de bugs

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

 
Copyright © arfooo.com  2007 - 2011  -  Tous droits réservés  -  Partenaires de confiance
Sites du groupe: petites annonces gratuites   voyance en direct - tirage tarot   Consultant en référencement
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group | phpBB SEO Traduction par: phpBB-fr.com
cron