Forums ProgMatique Forum Index Forums ProgMatique
Programmation (C/C++, JAVA, PHP, JavaScript, ...) et Informatique (Webmaster, Web)
Retour au site Progmatique

Favicon : Javascript ? je ne suis pas sûr

 
Post new topic   Reply to topic    Forums ProgMatique Forum Index » Programmation » HTML / XHTML / CSS
Previous topic :: Next topic  
Author Message
gafguy


Offline


Joined: 30 Nov 2009
Posts: 3


PostPosted: Wed 10 Feb 2010 - 09:46    Post subject: Favicon : Javascript ? je ne suis pas sûr Reply with quote

Bonjour,

Voilà le problème auquel je me heurte.

J'aimerais faire quelque chose qui ressemble à cela :
https://www.box.net/
avec le favicon et un texte à côté

ou mieux, à cela :
http://carnaval-giveaway.com/homepage.php?aff=1
avec le favicon et un texte qui se déroule à côté ou plutôt à sa place.

J'ai pris le code source, le voici :

- pour box.net :

 
Code:
<head>
<!-- ^^^content203^^^ -->
<title>Box.net | Simple Online Collaboration: Online File Storage, FTP Replacement, Team Workspaces ~ Free Version</title>
<meta name="description" content="Collaboration tools adopted by over 50,000 companies globally. Box simplifies online file storage, replaces FTP and connects teams in online workspaces." />
<meta name="keywords" content="free online storage, online storage, file sharing, online file storage, share files online, store documents online, online collaboration, collaboration tools, ftp replacement, sharepoint alternative, file storage, mobile data access, share files online, asset management, online workspace, workspace." />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="https://e2.boxcdn.net/resources/abcanic6q4/css/sales_global.css" type="text/css" />
<link rel="stylesheet" href="https://e2.boxcdn.net/resources/abcanic6q4/css/presentation_popup.css" type="text/css" />
<!--[if IE ]><link rel="stylesheet" href="https://e2.boxcdn.net/resources/abcanic6q4/css/sales_global_ie.css" type="text/css" media="all" /><![endif]-->
<!--[if IE 6]><link rel="stylesheet" href="https://e2.boxcdn.net/resources/abcanic6q4/css/sales_global_ie6.css" type="text/css" media="all" /><![endif]-->
<link rel="stylesheet" href="https://e2.boxcdn.net/resources/abcanic6q4/css/sales_home.css" type="text/css" media="screen" />
<link rel="stylesheet" href="https://e2.boxcdn.net/resources/abcanic6q4/css/login.css" type="text/css" media="screen" />
<link rel="stylesheet" href="https://e2.boxcdn.net/resources/abcanic6q4/css/box_tooltips.css" type="text/css" media="screen" />
<script>
function utmx_section(){}function utmx(){}
(function(){var k='0168474161',d=document,l=d.location,c=d.cookie;function f(n){
         if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.indexOf(';',i);return c.substring(i+n.
             length+1,j<0?c.length:j)}}}var x=f('__utmx'),xx=f('__utmxx'),h=l.hash;
         d.write('<sc'+'ript src="'+
             'http'+(l.protocol=='https:'?'s://ssl':'://www')+'.google-analytics.com'
             +'/siteopt.js?v=1&utmxkey='+k+'&utmx='+(x?x:'')+'&utmxx='+(xx?xx:'')+'&utmxtime='
             +new Date().valueOf()+(h?'&utmxhash='+escape(h.substr(1)):'')+
             '" type="text/javascript" charset="utf-8"></sc'+'ript>')})();
         </script>
<script type="text/javascript">
        var flash_url = '/resources/abcanic6q4//static/flash//';
        var flash_folder = '/static/flash/';
        var hostname = 'www.box.net';        var site_root ='/';
        var script_url = 'https://www.box.net/';            </script>
<script type='text/javascript' language='JavaScript' src='/elqNow/elqCfg.js'></script>
        <script type='text/javascript' language='JavaScript' src='/elqNow/elqImg.js'></script>
</head>




- pour carnaval :

 
Code:
<head>
<title>Carnaval GiveAway : Bienvenue !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel='stylesheet' type='text/css' href='http://carnaval-giveaway.com/style.css' title='Ultimate JV Giveaway Script Style Sheet'>
<script language="javascript" type="text/javascript" src="js/main.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<link rel="shortcut icon" href="images/favicon.ico" >
<link rel="icon" href="images/animated_favicon1.gif" type="image/gif" >
<script type="text/javascript">
    <!--
$(document).ready(function () {
       
        // Username validation logic
        var validateUsername = $('#validateUsername');
        $('#username').keyup(function () {
            var t = this;
            if (this.value != this.lastValue) {
               if (this.timer) clearTimeout(this.timer);
                validateUsername.removeClass('error').html('<img src="images/ajax-loader.gif" height="16" width="16" /> checking availability...');
                this.timer = setTimeout(function () {
                    $.ajax({
                        url: 'signupvalidation.php',
                        data: 'action=check_username&username=' + t.value,
                        dataType: 'json',
                        type: 'post',
                        success: function (j) {
                            // put the 'msg' field from the $resp array from check_username (php code) in to the validation message
                            validateUsername.html(j.msg);
                            var isok = j.ok;
                            if(!isok)
                            {
                                //document.getElementById( "register" ).disabled = true;
                                document.getElementById( "register" ).value = "Correct Username Error";
                            }
                            if(isok)
                            {
                           //     document.getElementById( "register" ).disabled = false;
                                document.getElementById( "register" ).value = "Register Your Account";
                            }
                        }
                    });
                }, 200);
                this.lastValue = this.value;
            }
        });
       
        //validate email
            //validate email
        var validateUsername2 = $('#validateUsername2');
        $('#username2').keyup(function () {
            var t = this;
            if (this.value != this.lastValue) {
               if (this.timer) clearTimeout(this.timer);
                validateUsername2.removeClass('error').html('<img src="images/ajax-loader.gif" height="16" width="16" /> checking syntax & domain mx...');
                this.timer = setTimeout(function () {
                    $.ajax({
                        url: 'signupvalidation.php',
                        data: 'action=check_username2&username2=' + t.value,
                        dataType: 'json',
                        type: 'post',
                        success: function (j) {
                            // put the 'msg' field from the  array from check_username (php code) in to the validation message
                            validateUsername2.html(j.msg);
                            var isok = j.ok;
                            if(!isok)
                            {
                                document.getElementById( "register" ).disabled = true;
                                document.getElementById( "register" ).value = "Correct Email Address Error";
                            }
                            if(isok)
                            {
                                document.getElementById( "register" ).disabled = false;
                                document.getElementById( "register" ).value = "Enregistrez Votre Compte";
                            }
                        }
                    });
                }, 200);
                this.lastValue = this.value;
            }
        });
        // Invitation Code validation logic
        var validateUsername3 = $('#validateUsername3');
        $('#username3').keyup(function () {
            var t = this;
            if (this.value != this.lastValue) {
               if (this.timer) clearTimeout(this.timer);
                validateUsername3.removeClass('error').html('<img src="images/ajax-loader.gif" height="16" width="16" /> verifying code...');
                this.timer = setTimeout(function () {
                    $.ajax({
                        url: 'signupvalidation.php',
                        data: 'action=check_username3&username3=' + t.value,
                        dataType: 'json',
                        type: 'post',
                        success: function (j) {
                            // put the 'msg' field from the $resp array from check_username (php code) in to the validation message
                            validateUsername3.html(j.msg);
                            var isok = j.ok;
                            if(!isok)
                            {
                                //document.getElementById( "register" ).disabled = true;
                                document.getElementById( "register" ).value = "Correct Invitation Code Error";
                            }
                            if(isok)
                            {
                           //     document.getElementById( "register" ).disabled = false;
                                document.getElementById( "register" ).value = "Register Your Account";
                            }
                        }
                    });
                }, 200);
                this.lastValue = this.value;
            }
        });
       
    });
    //-->
    </script>
</head>

mais une bonne partie est destinée aux personnes membres (et est en java script).

Comment puis-je faire ?

Merci à qui sait.
_________________
Guy,
MacUser depuis 1984

Apprenez la Bourse !
Le must du développement personnel se trouve ici !
Back to top
Simon
Administrateur
Administrateur

Offline


Joined: 08 May 2005
Posts: 686
Localisation: France


PostPosted: Wed 10 Feb 2010 - 20:36    Post subject: Favicon : Javascript ? je ne suis pas sûr Reply with quote

Bonjour,
sur le premier site, vous êtes en "https", c'est le navigateur qui vous affiche le nom du site.
Sur le second, pour avoir le texte qui défile, c'est le favicon qui est animé. Il n'y a pas de javascript, n'y rien d'autre Smile

Vous trouverez ci-dessous, un lien vers un site qui permet de créer une favicon.
http://www.simon-mahieux.com/VeilleInfo/lien-10-Creation_de_favicon_online.…

Pour mettre la favicon sur votre site :
http://www.progmatique.fr/article-67-Favicon.html

Programmation
_________________
Simon (SimMaster),
Programmation et informatique
Colorisation syntaxique de codes sources
Outils et services autour de l'adresse IP
Back to top
Visit poster’s website
Simon
Administrateur
Administrateur

Offline


Joined: 08 May 2005
Posts: 686
Localisation: France


PostPosted: Wed 10 Feb 2010 - 20:37    Post subject: Favicon : Javascript ? je ne suis pas sûr Reply with quote

Note : J'ai déplacé le sujet dans le forum HTML/XHTML/CSS
_________________
Simon (SimMaster),
Programmation et informatique
Colorisation syntaxique de codes sources
Outils et services autour de l'adresse IP
Back to top
Visit poster’s website
Simon
Administrateur
Administrateur

Offline


Joined: 08 May 2005
Posts: 686
Localisation: France


PostPosted: Wed 10 Feb 2010 - 20:40    Post subject: Favicon : Javascript ? je ne suis pas sûr Reply with quote

Note numéro 2 Razz :

Pour faire une favicon animé (pas indiqué sur ProgMatique), il faut utiliser le code source suivant :


 
Quote:
<link rel="icon" href="/favicon.gif" type="image/gif" >

_________________
Simon (SimMaster),
Programmation et informatique
Colorisation syntaxique de codes sources
Outils et services autour de l'adresse IP
Back to top
Visit poster’s website
gafguy


Offline


Joined: 30 Nov 2009
Posts: 3


PostPosted: Wed 10 Feb 2010 - 21:53    Post subject: Favicon : Javascript ? je ne suis pas sûr Reply with quote

Merci beaucoup pour les réponses.

J'ai un favicon sur chacun de mes sites, le problème n'était pas là.

Si je vous ai donné un exemple en https, c'est parce que c'est le
premier qui me soit, si j'ose écrire, «tombé sous la main».

Ce que je voulais savoir, c'est comment il est possible d'avoir
 la fois un favicon et, par exemple, le nom de son site, comme
ici (autre exemple en https) :


en sachant que le code source est le suivant :

 
Code:

[code]
<head>
<meta
http-equiv="Content-Type" content="text/html;
 charset=utf-8" /><meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />   
<title>Portail - La Banque Postale</title>
<meta name="SearchTitle" content="LaBanquePostale.fr" scheme="" />
<meta name="Last-Modified" content="Tue, 09 Feb 2010 14:22:10 CET" /><meta name="date" content="2010-02-09" />
<meta name="robots" content="all, index, follow" />
<meta name="description" content="Portail" />
<meta name="copyright" content="All contents © La Banque Postale 2010 All rights reserved." />
<meta name="rating" content="general" />
<meta name="abstract" content="Portail" />
<meta name="keywords" content="Portail, " />
<!-- CqTemplate="leportal" -->
<script language="javascript" type="text/javascript">
var popupWidth="500";
var popupHeight="600";
var sitelang="fr";
var rootPath="/";
</script>
<link rel="shortcut icon" type="image/x-icon" href="[url=view-source:https://www.labanquepostale.fr/favicon.ico]/favicon.ico[/url]" />
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/js/prototype.js]/js/prototype.js[/url]"></script>
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/js/default.js]/js/default.js[/url]"></script>
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/js/swfobject.js]/js/swfobject.js[/url]"></script>
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/js/tools.js]/js/tools.js[/url]"></script>
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/js/xtplug.js]/js/xtplug.js[/url]"></script
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/js/xtplugar.js]/js/xtplugar.js[/url]"></script>
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/js/clavier.js]/js/clavier.js[/url]"></script>
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/js/corporate.js]/js/corporate.js[/url]"></script>
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/etc/design/dyn.Script.js?CFC_cK=1]/etc/design/dyn.Script.js?CFC_cK=1[/url]"></script>
<script type="text/javascript" language="javascript">
var cvs = new JCVS();
</script>
<link rel="stylesheet" type="text/css" href="[url=view-source:https://www.labanquepostale.fr/css/reset.css]/css/reset.css[/url]" media="screen" /><link rel="stylesheet" type="text/css" href="[url=view-source:https://www.labanquepostale.fr/css/base.css]/css/base.css[/url]" media="screen" />
<link rel="stylesheet" type="text/css" href="[url=view-source:https://www.labanquepostale.fr/css/print.css]/css/print.css[/url]" media="print" />
<link rel="stylesheet" type="text/css" href="[url=view-source:https://www.labanquepostale.fr/css/mediatheque.css]/css/mediatheque.css[/url]" media="print" />
<link href="[url=view-source:https://www.labanquepostale.fr/index/footer/copyright.html]/index/footer/copyright.html[/url]" rel="copyright" title="Conditions de réutilisation" />
<link href="[url=view-source:https://www.labanquepostale.fr/index.html]/index.html[/url]" rel="start" title="Accueil" />
<link href="[url=view-source:https://www.labanquepostale.fr/index/outils/aide.html]/index/outils/aide.html[/url]" rel="help" title="Aide" />
<link href="[url=view-source:https://www.labanquepostale.fr/index/footer/plan_du_site.html]/index/footer/plan_du_site.html[/url]" rel="contents" title="Sommaire" />
<link rel="meta"    title="ICRA labels"   href="[url=view-source:https://www.labanquepostale.fr/labels.rdf]/labels.rdf[/url]"    type="application/rdf+xml" /   <link href="[url=view-source:https://www.labanquepostale.fr/transversal/rssfeed/labanquepostale.xml]/transversal/rssfeed/labanquepostale.xml[/url]" type="application/rss+xml" rel="alternate" title="La Banque Postale" />
<link href="[url=view-source:https://www.labanquepostale.fr/transversal/rssfeed/dossiers.xml]/transversal/rssfeed/dossiers.xml[/url]" type="application/rss+xml" rel="alternate" title="Les Dossiers de La Banque Postale" />
<link href="[url=view-source:https://www.labanquepostale.fr/transversal/rssfeed/Corporate.xml]/transversal/rssfeed/Corporate.xml[/url]" type="application/rss+xml" rel="alternate" title="La Banque Postale - institutionnel" />

</head>
[/code]
[code]
<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />   
<title>Portail - La Banque Postale</title>
<meta name="SearchTitle" content="LaBanquePostale.fr" scheme="" />
<meta name="Last-Modified" content="Tue, 09 Feb 2010 14:22:10 CET" /><meta name="date" content="2010-02-09" />
<meta name="robots" content="all, index, follow" />
<meta name="description" content="Portail" />
<meta name="copyright" content="All contents © La Banque Postale 2010 All rights reserved." />
<meta name="rating" content="general" />
<meta name="abstract" content="Portail" />
<meta name="keywords" content="Portail, " />
<!-- CqTemplate="leportal" -->
<script language="javascript" type="text/javascript">
var popupWidth="500";
var popupHeight="600";
var sitelang="fr";
var rootPath="/";
</script>
<link rel="shortcut icon" type="image/x-icon" href="[url=view-source:https://www.labanquepostale.fr/favicon.ico]/favicon.ico[/url]" />
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/js/prototype.js]/js/prototype.js[/url]"></script>
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/js/default.js]/js/default.js[/url]"></script>
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/js/swfobject.js]/js/swfobject.js[/url]"></script>
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/js/tools.js]/js/tools.js[/url]"></script>
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/js/xtplug.js]/js/xtplug.js[/url]"></script
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/js/xtplugar.js]/js/xtplugar.js[/url]"></script>
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/js/clavier.js]/js/clavier.js[/url]"></script>
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/js/corporate.js]/js/corporate.js[/url]"></script>
<script type="text/javascript" src="[url=view-source:https://www.labanquepostale.fr/etc/design/dyn.Script.js?CFC_cK=1]/etc/design/dyn.Script.js?CFC_cK=1[/url]"></script>
<script type="text/javascript" language="javascript">
var cvs = new JCVS();
</script>
<link rel="stylesheet" type="text/css" href="[url=view-source:https://www.labanquepostale.fr/css/reset.css]/css/reset.css[/url]" media="screen" /><link rel="stylesheet" type="text/css" href="[url=view-source:https://www.labanquepostale.fr/css/base.css]/css/base.css[/url]" media="screen" />
<link rel="stylesheet" type="text/css" href="[url=view-source:https://www.labanquepostale.fr/css/print.css]/css/print.css[/url]" media="print" />
<link rel="stylesheet" type="text/css" href="[url=view-source:https://www.labanquepostale.fr/css/mediatheque.css]/css/mediatheque.css[/url]" media="print" />
<link href="[url=view-source:https://www.labanquepostale.fr/index/footer/copyright.html]/index/footer/copyright.html[/url]" rel="copyright" title="Conditions de réutilisation" />
<link href="[url=view-source:https://www.labanquepostale.fr/index.html]/index.html[/url]" rel="start" title="Accueil" />
<link href="[url=view-source:https://www.labanquepostale.fr/index/outils/aide.html]/index/outils/aide.html[/url]" rel="help" title="Aide" />
<link href="[url=view-source:https://www.labanquepostale.fr/index/footer/plan_du_site.html]/index/footer/plan_du_site.html[/url]" rel="contents" title="Sommaire" />
<link rel="meta"    title="ICRA labels"   href="[url=view-source:https://www.labanquepostale.fr/labels.rdf]/labels.rdf[/url]"    type="application/rdf+xml" /   <link href="[url=view-source:https://www.labanquepostale.fr/transversal/rssfeed/labanquepostale.xml]/transversal/rssfeed/labanquepostale.xml[/url]" type="application/rss+xml" rel="alternate" title="La Banque Postale" />
<link href="[url=view-source:https://www.labanquepostale.fr/transversal/rssfeed/dossiers.xml]/transversal/rssfeed/dossiers.xml[/url]" type="application/rss+xml" rel="alternate" title="Les Dossiers de La Banque Postale" />
<link href="[url=view-source:https://www.labanquepostale.fr/transversal/rssfeed/Corporate.xml]/transversal/rssfeed/Corporate.xml[/url]" type="application/rss+xml" rel="alternate" title="La Banque Postale - institutionnel" />

</head>

[/code]
Merci pour la réponse.
_________________
Guy,
MacUser depuis 1984

Apprenez la Bourse !
Le must du développement personnel se trouve ici !
Back to top
Simon
Administrateur
Administrateur

Offline


Joined: 08 May 2005
Posts: 686
Localisation: France


PostPosted: Wed 10 Feb 2010 - 23:18    Post subject: Favicon : Javascript ? je ne suis pas sûr Reply with quote

Comme je l'ai dit précédemment, cela n'a rien à voir avec le favicon. C'est juste parce que le site est en https que le navigateur affiche le nom du site à coté du favicon.
_________________
Simon (SimMaster),
Programmation et informatique
Colorisation syntaxique de codes sources
Outils et services autour de l'adresse IP
Back to top
Visit poster’s website
gafguy


Offline


Joined: 30 Nov 2009
Posts: 3


PostPosted: Thu 11 Feb 2010 - 04:22    Post subject: Favicon : Javascript ? je ne suis pas sûr Reply with quote

Bonjour,

Et merci du renseignement.

Je n'avais pas compris.

Bonne journée, de la part de
_________________
Guy,
MacUser depuis 1984

Apprenez la Bourse !
Le must du développement personnel se trouve ici !
Back to top
Simon
Administrateur
Administrateur

Offline


Joined: 08 May 2005
Posts: 686
Localisation: France


PostPosted: Thu 11 Feb 2010 - 08:47    Post subject: Favicon : Javascript ? je ne suis pas sûr Reply with quote

De rien Smile

Bonne journée
_________________
Simon (SimMaster),
Programmation et informatique
Colorisation syntaxique de codes sources
Outils et services autour de l'adresse IP
Back to top
Visit poster’s website
Display posts from previous:   
Post new topic   Reply to topic    Forums ProgMatique Forum Index » Programmation » HTML / XHTML / CSS All times are GMT + 2 Hours
Page 1 of 1

 
Jump to:  

Index | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Powered by phpBB v2 © 2001, 2005 phpBB Group ¦ Theme: subSilver++