PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 14/07/2014 08:27:09

Dudy
Membre
Lieu : Neuchâtel - Suisse
Inscription : 20/01/2007
Messages : 312

Probleme lien OnePage

Bonjour
je suis entrain d'adapter un theme Bootstrap - OnePage, sur une page statique  (static-home) en accueil, j'ai les liens suivants
- Accueil
- Portfolio
- About
- Contact
- Blog
les liens sont dans cette façon dans la page Header.php

[== HTML ==]
<ul class="nav navbar-nav navbar-right">
			<?php $plxShow->staticList($plxShow->getLang('HOME'),'<li id="#static_id"><a href="#static_url" class="#static_status" title="#static_name">#static_name</a></li>'); ?>
			
			 <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li class="page-scroll">
                        <a href="#portfolio">Portfolio</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#about">About</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#contact">Contact</a>
                    </li>
                    

              <?php $plxShow->pageBlog('<li id="#page_id"><a class="#page_status" href="#page_url" title="#page_name">#page_name</a></li>'); ?>
		</ul>

jusqu' ici tout marche a merveille
mais quand je vais dans la section Blog ou page Statique, c'est impossible de revenir dans les autres sections à part Accueil parce que le lien est de cette façon:

[== HTML ==]
index.php?article2/article-de-test#portfolio

justement mon problème est comment je pourrais changer ce type de lien dans le header.php

si vous avez une idée ça me ferait avancer pour finir le theme et partager

merci

Hors ligne

#2 14/07/2014 10:45:16

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 526
Site Web

Re : Probleme lien OnePage

Il faut que tu changes les liens de l'ensemble de tes balises de manière à avoir des liens absolus et non des liens relatifs comme c'est le cas actuellement.
Si ta page est à la racine, il faut que tu mettes avant des ancres :

<?php $plxShow->racine();?>

Ce qui donnera par exemple avec ta première ancre :

<a href="<?php $plxShow->racine();?>#page-top"></a>

À toi de faire les autres.


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#3 14/07/2014 11:10:02

Dudy
Membre
Lieu : Neuchâtel - Suisse
Inscription : 20/01/2007
Messages : 312

Re : Probleme lien OnePage

Merci Jerry pour ton aide
j'ai déjà essayè de mettre ce script avant les ancres, marche bien mais l effet pagescroll ne marche plus,
et un site OnePage sans l'effet pagescroll ce n'est pas joli. neutral
une idee??
merci

Hors ligne

#4 14/07/2014 11:58:41

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 526
Site Web

Re : Probleme lien OnePage

C'est normal vu que tu changes de page. Tu fais du "One page" avec "two pages"  tongue .
Il faudrait charger le contenu de tes articles en ajax afin de ne pas changer de page. Vas voir http://api.jquery.com/jQuery.ajax/


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#5 14/07/2014 12:21:48

Dudy
Membre
Lieu : Neuchâtel - Suisse
Inscription : 20/01/2007
Messages : 312

Re : Probleme lien OnePage

Jerry Wham a écrit :

C'est normal vu que tu changes de page. Tu fais du "One page" avec "two pages"  tongue .
Il faudrait charger le contenu de tes articles en ajax afin de ne pas changer de page. Vas voir http://api.jquery.com/jQuery.ajax/

Hahahahah elle est bonne c'è la

Merci je vais voir ton lien
Ciao

Hors ligne

#6 14/07/2014 12:58:10

Frédéric
Membre
Inscription : 03/06/2009
Messages : 2 533

Re : Probleme lien OnePage

Salut,
Ou alors faire des includes des pages statiques dans des ID's wink

Dernière modification par Frédéric (14/07/2014 12:58:29)

Hors ligne

#7 15/07/2014 07:44:25

Dudy
Membre
Lieu : Neuchâtel - Suisse
Inscription : 20/01/2007
Messages : 312

Re : Probleme lien OnePage

Frédéric a écrit :

Salut,
Ou alors faire des includes des pages statiques dans des ID's wink

merci Frédéric
le problème que pour le moments je n'ai pas de page statiques, tout est sur une page,
pour appeler une page statiques  dans de ID's  c'est le script suivant ?

[== PHP ==]
<?php $plxShow->staticInclude(1) ?>

le theme en question est le suivants
Freelancer
merci bonne journée

Hors ligne

#8 15/07/2014 13:44:35

Stéphane
Responsable du projet
Lieu : pas loin de Metz
Inscription : 07/08/2007
Messages : 6 181
Site Web

Re : Probleme lien OnePage

Bonjour

Pour faire des ancres, je vous recommande cette syntaxe en utilisant $plxShow->urlRewrite()

Exemple:

fichier header.php

<body id="top">

fichier footer.php

<a href="<?php $plxShow->urlRewrite('#top') ?>" title="Retour en haut">Retour en haut</a>

Mes articles et tutoriels pour PluXml
Pluxopolis mon site sur PluXml, mais pas seulement...
Twitter: @pluxopolis

Hors ligne

#9 15/07/2014 14:38:56

Frédéric
Membre
Inscription : 03/06/2009
Messages : 2 533

Re : Probleme lien OnePage

Pour l'ID de la page, c'est sur 3 chiffres:

[== PHP ==]
<?php $plxShow->staticInclude('001') ?>

Hors ligne

#10 15/07/2014 18:08:48

Dudy
Membre
Lieu : Neuchâtel - Suisse
Inscription : 20/01/2007
Messages : 312

Re : Probleme lien OnePage

Stéphane a écrit :

Bonjour

Pour faire des ancres, je vous recommande cette syntaxe en utilisant $plxShow->urlRewrite()

Exemple:

fichier header.php

<body id="top">

fichier footer.php

<a href="<?php $plxShow->urlRewrite('#top') ?>" title="Retour en haut">Retour en haut</a>

merci Stéphane j'ai deja ce script sur mon footer.php

[== PHP ==]
<a href="<?php $plxShow->urlRewrite('#page-top') ?>" title="<?php $plxShow->lang('GOTO_TOP') ?>"><?php $plxShow->lang('TOP') ?></a>

est il marche très bien, reste juste le problème exposé avant
---------------------------
@Frederic
merci pour me rappeler les 3 chiffres, mais pour le moment je n'ai pas trop besoin puisque je n'ai pas de Statiques 
je vais faire des autres tests
ciao

Hors ligne

#11 15/07/2014 18:44:36

Frédéric
Membre
Inscription : 03/06/2009
Messages : 2 533

Re : Probleme lien OnePage

Dans ton cas il faut faire,

Pour le menu:

[== HTML ==]
		<ul class="nav navbar-nav navbar-right">

                    <li class="page-scroll">
                        <a href="<?php $plxShow->urlRewrite('#portfolio') ?>">Portfolio</a>
                    </li>
                    <li class="page-scroll">
                        <a href="<?php $plxShow->urlRewrite('#about') ?>">About</a>
                    </li>
                    <li class="page-scroll">
                        <a href="<?php $plxShow->urlRewrite('#contact') ?>">Contact</a>
                    </li>

		</ul>

Dans home.php avoir ce genre de structure:

[== HTML ==]
     <div id="portfolio">
              <?php $plxShow->staticInclude('001') ?>
     </div>

     <div id="about">
              <?php $plxShow->staticInclude('002') ?>
     </div>

     <div id="#contact">
              <?php $plxShow->staticInclude('003') ?>
     </div>

En gros dans ton dossier thème il doit y avoir que 3 fichier template (header.php, home.php et footer.php) ou même un seul si tu le souhaite en intégrant directement le contenu du template header.php et footer.php dans ton home.php.

Si tu souhaite avoir le blog, alors la ça se complique et il faudra donc utilisait de l'ajax comme le propose JeryWham.

Édit: En fait tu souhaites tout avoir de pluxml, donc oublie ce que j'ai dis, la solution de JeryWham reste la meilleur, moi elle s'applique uniquement sur des pages statiques.

Dernière modification par Frédéric (15/07/2014 18:47:44)

Hors ligne

#12 15/07/2014 19:10:47

Dudy
Membre
Lieu : Neuchâtel - Suisse
Inscription : 20/01/2007
Messages : 312

Re : Probleme lien OnePage

merci Frédéric
en fait je suis la
Theme Freelancer
bloquè juste sur la partie blog sad que je dois finir de travailler le CSS.
mais je vais trouver une solution sauf si JerryWham fait une collaboration big_smile big_smile wink
merci
ciao

Dernière modification par Dudy (15/07/2014 20:56:28)

Hors ligne

#13 15/07/2014 23:17:56

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 526
Site Web

Re : Probleme lien OnePage

En fait, je ne vois pas où est le problème. Si tu changes les liens de ton menu comme te le conseille Stéphane, ça devrait rouler. Et le fait que les articles soient sur d'autres pages n'est pas gênant (si encore une fois, les liens sont modifiés).


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#14 16/07/2014 09:45:08

Dudy
Membre
Lieu : Neuchâtel - Suisse
Inscription : 20/01/2007
Messages : 312

Re : Probleme lien OnePage

Jerry Wham a écrit :

En fait, je ne vois pas où est le problème. Si tu changes les liens de ton menu comme te le conseille Stéphane, ça devrait rouler. Et le fait que les articles soient sur d'autres pages n'est pas gênant (si encore une fois, les liens sont modifiés).

oui déjà expliqué, si j'ajoute quoi que ce soit au menu, plus de pagescroll,plus de OnePage,


je vous remercie tous, mais je crois que je laisse tomber,
en Ajax c'est trop compliqué pour  moi

c'est incroyable je choisi toujours les choses compliqué big_smile big_smile

ciao

Hors ligne

#15 16/07/2014 15:38:01

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 526
Site Web

Re : Probleme lien OnePage

Envoie moi une archive de l'ensemble de ton site. Je vais voir ce que je peux faire.


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#16 16/07/2014 20:57:41

Dudy
Membre
Lieu : Neuchâtel - Suisse
Inscription : 20/01/2007
Messages : 312

Re : Probleme lien OnePage

Jerry Wham a écrit :

Envoie moi une archive de l'ensemble de ton site. Je vais voir ce que je peux faire.

merci Jerry je vais préparé ça et je te donnerai le liens
ciao

Hors ligne

#17 17/07/2014 08:22:22

Dudy
Membre
Lieu : Neuchâtel - Suisse
Inscription : 20/01/2007
Messages : 312

Re : Probleme lien OnePage

Bonjour
en reprenant le discours de Frederic des pages statiques avec ID, ça pourrait être une bonne idée si j’arrivais à mettre le Blog sur une page statiques comme dans cette exemple
ThemeForest
faire un hover sur le lien Blog et ça donne ça comme lien

[== HTML ==]
http://jellythemes.com/themes/nixonwp/?page_id=10

que ce que vous me conseillé ça sera possible ou  pas?
--------------------------------------------------------
@jerrywham j'attends de trouver une solution plus simple avant de t'envoyer le zip, je ne veux pas trop te déranger,

smile

Hors ligne

#18 17/07/2014 08:45:13

Frédéric
Membre
Inscription : 03/06/2009
Messages : 2 533

Re : Probleme lien OnePage

Dans l’exemple que tu donnes, on voit très bien que quand on clique sur le lien « blog », on n’est redirigé sur une page à part, elle ne fait pas partie du « one page ».
Dans ce cas, tu peux faire la même chose en ajoutant dans ton menu le lien en « dur » vers le blog.
Pages statiques = intégrée en One page
Blog = Ajout du lien en dur dans le menu pour charger cette page dynamiquement.

Dernière modification par Frédéric (17/07/2014 08:46:31)

Hors ligne

#19 17/07/2014 09:02:46

Dudy
Membre
Lieu : Neuchâtel - Suisse
Inscription : 20/01/2007
Messages : 312

Re : Probleme lien OnePage

merci Frederic de prendre ton temps, par apport à ton idée je m’aperçois que peut être je me suis mal exprimé depuis le début
en fait la partie Blog c'est normal qui s'ouvre dans une nouvelle fenêtre, je n'ai pas demandé de mettre le Blog en Onepage, ça me vas très bien comme ça
Theme Freelancer
c'est juste que une fois ouvert un article--> Blog, je ne peux plus naviguer dans le menu sauf sur Accueil,
si j'ajoute  le script a Stephane URLRewrite avant l'encre c'est tout bon mais après je n'ai plus d'effet scroll

en fait l'exemple de ThemeForest ça serait ma solution
je vais essayer aussi ton conseil

merci bon journée
ciao

Hors ligne

#20 17/07/2014 09:08:54

Frédéric
Membre
Inscription : 03/06/2009
Messages : 2 533

Re : Probleme lien OnePage

Ha oui je comprends le soucis, dans ce cas pourquoi ne pas t'inspirer de ce topic pour réaliser un menu différent ?
Dans ton cas l'affichage ne serait a faire que si tu est sur le blog.

Hors ligne

#21 17/07/2014 13:23:08

Dudy
Membre
Lieu : Neuchâtel - Suisse
Inscription : 20/01/2007
Messages : 312

Re : Probleme lien OnePage

Frédéric a écrit :

Ha oui je comprends le soucis, dans ce cas pourquoi ne pas t'inspirer de ce topic pour réaliser un menu différent ?
Dans ton cas l'affichage ne serait a faire que si tu est sur le blog.

intéressant je vas voir ce que je peu faire, merci Frederic

Hors ligne

#22 18/07/2014 08:49:50

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 526
Site Web

Re : Probleme lien OnePage

Je ne vois pas ce qui empêche le scroll si tu mets des liens absolus plutôt que des liens relatifs ??? Peux-tu essayer et mettre le message d'erreur de la console javascript si jamais il y en a un ?

Il y a une erreur de balisage dans ta page avec une balise footer fermante qui n'a pas son homologue ouverte. Corrige déjà ça et ré-essaie avec des liens absolus. Cela vient peut-être de là (mais je n'y crois pas trop).


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#23 18/07/2014 09:34:30

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 526
Site Web

Re : Probleme lien OnePage

Dans ton fichier javascript freelancer.js, essaie ça à la place du code actuel (celui qui concerne le scroll) :

// jQuery for page scrolling feature - requires jQuery Easing plugin
$(function() {
    $('.page-scroll a').bind('click', function(event) {
        var anchor = $(this).attr('href');
        var hashIndex = anchor.indexOf("#");
        if (hashIndex !== -1) {
            anchor = anchor.substring(hashIndex);
        }
        $('html, body').stop().animate({
            scrollTop: $(anchor).offset().top
        }, 1500, 'easeInOutExpo');
        event.preventDefault();
    });
});

Ça devrait fonctionner même avec des liens absolus et résoudre ton problème.


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#24 18/07/2014 12:27:08

Dudy
Membre
Lieu : Neuchâtel - Suisse
Inscription : 20/01/2007
Messages : 312

Re : Probleme lien OnePage

Ciao Jerry Wham
merci mais j'ai toute essayé ! rien a faire
je te laisse le plaisir de voir un peu de plus prés en téléchargent le thème (en .ZIP)
Freelancer
comme annoncé avant le CSS nest pas encore fini pour le Blog

ciao et merci encore

Hors ligne

#25 18/07/2014 15:09:14

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 526
Site Web

Re : Probleme lien OnePage

J'ai testé et ça fonctionne. C'est juste que tu n'as pas fait tout ce que l'on a dit...

Fichier header.php, mettre :

<?php if (!defined('PLX_ROOT')) exit; ?>
<!DOCTYPE html>
<html lang="<?php $plxShow->defaultLang() ?>">
<head>
<meta charset="<?php $plxShow->charset('min'); ?>">
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0">
<title><?php $plxShow->pageTitle(); ?></title>
<?php $plxShow->meta('description') ?>
<?php $plxShow->meta('keywords') ?>
<?php $plxShow->meta('author') ?>
<link rel="icon" href="<?php $plxShow->template(); ?>/img/favicon.png" />
<!-- Bootstrap Core CSS -->
    <link href="<?php $plxShow->template(); ?>/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="<?php $plxShow->template(); ?>/css/freelancer.css" rel="stylesheet" type="text/css">

    <!-- Fonts -->
    <link href="<?php $plxShow->template(); ?>/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

    <!-- IE8 support for HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    
<!--<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/reset.css" media="screen"/>
<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/style.css" media="screen"/>-->
<?php $plxShow->templateCss() ?>
<?php $plxShow->pluginsCss() ?>
<link rel="alternate" type="application/rss+xml" title="<?php $plxShow->lang('ARTICLES_RSS_FEEDS') ?>" href="<?php $plxShow->urlRewrite('feed.php?rss') ?>" />
<link rel="alternate" type="application/rss+xml" title="<?php $plxShow->lang('COMMENTS_RSS_FEEDS') ?>" href="<?php $plxShow->urlRewrite('feed.php?rss/commentaires') ?>" />
<!--[if lt IE 9]>
<script src="<?php $plxShow->template(); ?>/js/html5ie.js"></script>
<script src="<?php $plxShow->template(); ?>/js/respond.min.js"></script>
<![endif]-->
</head>

<body id="page-top" class="index">

	<nav class="navbar navbar-default navbar-fixed-top">
	<div class="container">
 <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#page-top">Freelancer</a>
            </div>
            
 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		<ul class="nav navbar-nav navbar-right">
			<?php $plxShow->staticList($plxShow->getLang('HOME'),'<li id="#static_id"><a href="#static_url" class="#page-top" title="#static_name">#static_name</a></li>'); ?>
			
			 <li class="hidden">
                        <a href="<?php $plxShow->urlRewrite('#page-top');?>"></a>
                    </li>
                    <li class="page-scroll">
                        <a href="<?php $plxShow->urlRewrite('#portfolio');?>">Portfolio</a>
                    </li>
                    <li class="page-scroll">
                        <a href="<?php $plxShow->urlRewrite('#about');?>">About</a>
                    </li>
                    <li class="page-scroll">
                        <a href="<?php $plxShow->urlRewrite('#contact');?>">Contact</a>
                    </li>
                     <li class="page-scroll">
                        <a href="<?php $plxShow->urlRewrite('#blog');?>">Blog</a>
                    </li>
                     
                    

                    <!--<?php $plxShow->pageBlog('<li id="#page_id"><a class="#page_status" href="#page_url" title="#page_name">#page_name</a></li>'); ?>-->
		</ul>
		  </div>
            <!-- /.navbar-collapse -->
       

	</nav>
	  <header>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <img class="img-responsive" src="<?php $plxShow->template(); ?>/img/profile.png" alt="">
                    <div class="intro-text">
                        <span class="name">Start Bootstrap</span>
                        <hr class="star-light">
                        <span class="skills">Web Developer - Graphic Artist - User Experience Designer</span>
                    </div>
                </div>
            </div>
        </div>
    </header>

	<!--<header role="banner">

		<h1>
			<?php $plxShow->mainTitle('link'); ?>
		</h1>
		<h2>
			<?php $plxShow->subTitle(); ?>
		</h2>

	</header>-->

Fichier footer.php, mettre :

<?php if (!defined('PLX_ROOT')) exit; ?>

<footer class="text-center">
  <div class="footer-above">
            <div class="container">
                <div class="row">
                    <div class="footer-col col-md-4">
                        <h3>Location</h3>
                        <p>3481 Melrose Place
                            <br>Beverly Hills, CA 90210</p>
                    </div>
                    <div class="footer-col col-md-4">
                        <h3>Around the Web</h3>
                        <ul class="list-inline">
                            <li><a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></i></a>
                            </li>
                            <li><a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-google-plus"></i></a>
                            </li>
                            <li><a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
                            </li>
                            <li><a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
                            </li>
                            <li><a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-dribbble"></i></a>
                            </li>
                        </ul>
                    </div>
                    <div class="footer-col col-md-4">
                        <h3>About Freelance</h3>
                        <p>Freelance is a free to use, open source Bootstrap theme created by <a href="http://startbootstrap.com">Start Bootstrap</a>.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-below">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                       <?php $plxShow->mainTitle('link'); ?> © 2014 - <?php $plxShow->subTitle(); ?><?php $plxShow->lang('POWERED_BY') ?> <a href="http://www.pluxml.org" title="<?php $plxShow->lang('PLUXML_DESCRIPTION') ?>">PluXml | </a><?php $plxShow->lang('IN') ?> <?php $plxShow->chrono(); ?>
		<a rel="nofollow" href="<?php $plxShow->urlRewrite('core/admin/'); ?>" title="<?php $plxShow->lang('ADMINISTRATION') ?>"><?php $plxShow->lang('ADMINISTRATION') ?></a>
		<a href="<?php $plxShow->urlRewrite('#page-top') ?>" title="<?php $plxShow->lang('GOTO_TOP') ?>"><?php $plxShow->lang('TOP') ?></a>
		<?php $plxShow->httpEncoding() ?>

                    </div>
                </div>
            </div>
        </div>
    </footer>

    <div class="scroll-top page-scroll visible-xs visble-sm">
        <a class="btn btn-primary" href="#page-top">
            <i class="fa fa-chevron-up"></i>
        </a>
    </div>


  <script src="<?php $plxShow->template(); ?>/js/jquery-1.10.2.js"></script>
    <script src="<?php $plxShow->template(); ?>/js/bootstrap.min.js"></script>
    <script src="<?php $plxShow->template(); ?>/js/jquery.easing.min.js"></script>
    <script src="<?php $plxShow->template(); ?>/js/classie.js"></script>
    <script src="<?php $plxShow->template(); ?>/js/cbpAnimatedHeader.js"></script>
    <script src="<?php $plxShow->template(); ?>/js/freelancer.js"></script>

</body>

</html>

Dans le fichier freelancer.js, mettre :

// jQuery for page scrolling feature - requires jQuery Easing plugin
$(function() {
    $('.page-scroll a').bind('click', function(event) {
        var anchor = $(this).attr('href');
        var hashIndex = anchor.indexOf("#");
        if (hashIndex !== -1) {
            anchor = anchor.substring(hashIndex);
        }
        $('html, body').stop().animate({
            scrollTop: $(anchor).offset().top
        }, 1500, 'easeInOutExpo');
        event.preventDefault();
    });
});
// Floating label headings for the contact form
$(function() {
    $("body").on("input propertychange", ".floating-label-form-group", function(e) {
        $(this).toggleClass("floating-label-form-group-with-value", !! $(e.target).val());
    }).on("focus", ".floating-label-form-group", function() {
        $(this).addClass("floating-label-form-group-with-focus");
    }).on("blur", ".floating-label-form-group", function() {
        $(this).removeClass("floating-label-form-group-with-focus");
    });
});

// Highlight the top nav as scrolling occurs
$('body').scrollspy({
    target: '.navbar-fixed-top'
})

Dans le dossier js, créer un fichier jquery.easing.min.js avec dedans :

[== JavaScript ==]
/*
 * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
 *
 * Uses the built in easing capabilities added In jQuery 1.1
 * to offer multiple easing options
 *
 * TERMS OF USE - EASING EQUATIONS
 * 
 * Open source under the BSD License. 
 * 
 * Copyright © 2001 Robert Penner
 * All rights reserved.
 *
 * TERMS OF USE - jQuery Easing
 * 
 * Open source under the BSD License. 
 * 
 * Copyright © 2008 George McGinley Smith
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without modification, 
 * are permitted provided that the following conditions are met:
 * 
 * Redistributions of source code must retain the above copyright notice, this list of 
 * conditions and the following disclaimer.
 * Redistributions in binary form must reproduce the above copyright notice, this list 
 * of conditions and the following disclaimer in the documentation and/or other materials 
 * provided with the distribution.
 * 
 * Neither the name of the author nor the names of contributors may be used to endorse 
 * or promote products derived from this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
 * OF THE POSSIBILITY OF SUCH DAMAGE. 
 *
*/
jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});

Si tu respectes ça, ça fonctionne.

Dernière modification par Jerry Wham (18/07/2014 15:10:50)


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2017 PluXml.org, tous droits réservés