bootstrap lien vers onglet venant d'une adresse http://...

flo3376
Javascript

bonjour à tous,
voilà je bute sur un prb simple mais dont je ne trouve pas la solution

j'ai crée un systéme d'onglet via le boostrap

<body>
<div class="container">
    <div class="row">
        <div class="col-lg-12">
            <div style="width: 1150px;height: 100px;background-color: #d78318;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;;overflow: hidden;margin-top: 10px;">

                <div style="position: relative;top: 15px;right: 0px;overflow: hidden;" ><h2>FFS2 International Bank</h2></div>
                <div style="position: relative;top: -80px;right: -901px;overflow: hidden;"><img src="./site/membre/pages/banque_cil/avatar.jpg"></div>
            </div>
        </div>   
    </div>
    <div class="row">
        <div class="col-lg-2">
        </div>      
        <div class="col-lg-8">
            <ul class="nav nav-tabs">
                <li><a href="#home" data-toggle="tab">Home</a></li>
                <li><a href="#salaire" data-toggle="tab">Salaire versés</a></li>
                <li><a href="#messages" data-toggle="tab">Effectuer un virement</a></li>
                <li><a href="#settings" data-toggle="tab">Résultat d'assurance</a></li>
            </ul>
            <!-- Tab panes -->
            <div class="tab-content">
                <div class="tab-pane active" id="home">
                    Bienvenue sur le site de votre banque et assurance rattaché à votre compte FFS2_Liners<br><br>
                    De cette page vous avez la possibilité de surveillez les opérations qui se déroulent actuellement, effecuer des virements entre pilotes de la même escadrilles ou inter-escadrilles.
                </div>
                <div class="tab-pane" id="salaire">
                <?php 
                     include './site/membre/pages/banque_cil/details.php';
                ?>
                </div>
                <div class="tab-pane" id="messages">...</div>
                <div class="tab-pane" id="settings">...</div>
            </div>
        </div>
        <div class="col-lg-2">
        </div>   
    </div>
</div>
</body>

quand je suis sur la page il n'y a pas de soucis je peux passer d'un onglet à l'autre, mais je souhaiterai pouvoir faire ceci
http://monsite.fr/index.php?page=bank\_cil#salaire
et donc qu'il m'ouvre la page et de mette sur l'onglet salaire, mais je n'y arrive pas

pourriez vous m'aider??

voici les codes des pages

la pages principale 

<?php
/////vérifiaction de la protection active page appelante/////
if(!defined('PROTECTIONINCLUDE')){die('Accès Interdit');}
/////activation protection page appelé/////
define('PROTECTIONINCLUDE', TRUE);
/////insertion des base de donnée/////
include './config/bdall.php';
?>
<!DOCTYPE html>
<html>
    <head>
        <title>FFS2 V5.00/membre</title>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
        <!-- Google Map-->
        <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
        <!-- JQuery -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>  
        <!-- JQuery VALIDATE -->
        <!-- <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script> -->
        <!-- Latest Bootstrap compiled and minified JavaScript -->
        <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js"></script>
        <!-- Zoom box -->
        <script type="text/javascript" src="./config/zoombox/zoombox.js"></script>
        <link href="./config/zoombox/zoombox.css" rel="stylesheet" type="text/css" media="screen" />
        <!-- JSchart -->
        <script type="text/javascript" src="./config/JScharts/sources/jscharts.js"></script>
        <!-- jsapi -->
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>

    </head>
<?php 
        /////gestion des pages////
        include ($_SERVER"DOCUMENT_ROOT"].'/config/dispatch.php'); 
        ?>

<?php //include ($_SERVER"DOCUMENT_ROOT"].'/site/explore.php'); ?>
</html>

le sélecteur de page dispatch.php 

<?php 
    if (isset($_GET"page"])) 
        {

                    if (($_GET"page"])=="home") {include './site/membre/pages/home.php';}
                    if (($_GET"page"])=="session") {include './site/membre/pages/session.php';}
                    if (($_GET"page"])=="civil") {include './site/membre/pages/civil.php';}
                    if (($_GET"page"])=="militaire") {include './site/membre/pages/militaire.php';}
                                        if (($_GET"page"])=="bank_cil") {include './site/membre/pages/enregistreur/bank_cil.php';}
                }
    else
        {
            include './site/membre/pages/home.php';
        }
?>

la page bank_cil sur laquelle je souhaiterai pouvoir visé les onglet salaire message setting... 

<!-- Latest Bootstrap compiled and minified CSS -->
<link rel="stylesheet" href="./site/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="./site/bootstrap/css/home.css" type="text/css" >
<body>
<div class="container">
    <div class="row">
        <div class="col-lg-12">
            <div style="width: 1150px;height: 100px;background-color: #d78318;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;;overflow: hidden;margin-top: 10px;">

                <div style="position: relative;top: 15px;right: 0px;overflow: hidden;" ><h2>FFS2 International Bank</h2></div>
                <div style="position: relative;top: -80px;right: -901px;overflow: hidden;"><img src="./site/membre/pages/banque_cil/avatar.jpg"></div>
            </div>
        </div>   
    </div>
    <div class="row">
        <div class="col-lg-2">
        </div>      
        <div class="col-lg-8">
            <ul class="nav nav-tabs">
                <li><a href="#home" data-toggle="tab">Home</a></li>
                <li><a href="#salaire" data-toggle="tab">Salaire versés</a></li>
                <li><a href="#messages" data-toggle="tab">Effectuer un virement</a></li>
                <li><a href="#settings" data-toggle="tab">Résultat d'assurance</a></li>
            </ul>
            <!-- Tab panes -->
            <div class="tab-content">
                <div class="tab-pane active" id="home">
                    Bienvenue sur le site de votre banque et assurance rattaché à votre compte FFS2_Liners<br><br>
                    De cette page vous avez la possibilité de surveillez les opérations qui se déroulent actuellement, effecuer des virements entre pilotes de la même escadrilles ou inter-escadrilles.
                </div>
                <div class="tab-pane" id="salaire">
                <?php 
                     include './site/membre/pages/banque_cil/details.php';
                ?>
                </div>
                <div class="tab-pane" id="messages">...</div>
                <div class="tab-pane" id="settings">...</div>
            </div>
        </div>
        <div class="col-lg-2">
        </div>   
    </div>
</div>
</body>

et la page détail.php ou se trouve la création du lien en ligne 77 

<?php 
if (!isset($_GET"lim"])) 
    {$limit="LIMIT 0 , 15";}
else
    {
        extract($_GET);
        $limit1=$lim*15;
        $limit2=($lim+1)*15;
        $limit="LIMIT ".$limit1.",".$limit2;

    }
try
    {
        $DBPDO = new PDO($dbdns5,$dbuser5 , $dbpass5,
                        array( PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8"));
        $DBPDO-> setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_WARNING);
        try{

                /////////recherche pilote sur trackeur civil/////////
                $sql = "SELECT pilotid FROM enr_cil_pilots WHERE email = '$mailf'";
                $req = $DBPDO ->query($sql);

                while($cil_pil=$req->fetch(PDO::FETCH_OBJ)) 
                    {
                        $idtc=$cil_pil->pilotid;
                    }               

                /////////recherche vols sur trackeur civil/////////
                $sql = "SELECT * FROM enr_cil_pireps WHERE pilotid='$idtc' and accepted='1' ORDER BY submitdate DESC $limit";
                $req = $DBPDO ->query($sql);
                ?>
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Libellé</th>
                            <th>Crédit</th>
                            <th>Débit</th>
                        </tr>
                    </thead>
                    <tbody>
                <?php

                while($pireps_info=$req->fetch(PDO::FETCH_OBJ)) 
                    {
                        $salaire1=floor($pireps_info->flighttime);
                        $salaire2=$pireps_info->flighttime-floor($pireps_info->flighttime);
                        $salaire3=($salaire2*100)/60;
                        $salaire=($pireps_info->pilotpay*$salaire1)+($pireps_info->pilotpay*$salaire3);
                        ?>
                        <tr>
                            <td><?php echo $pireps_info->submitdate; ?> </td>
                            <td><?php echo $pireps_info->depicao." ==>> ".$pireps_info->arricao."  //  ".$pireps_info->flighttime."  x  ".$pireps_info->pilotpay;; ?></td>
                            <td><?php echo number_format($salaire , 2, ',', ' '); ?> $</td>
                            <td><?php ?></td>
                        </tr><?php

                    }
                ?>
                    </tbody>
                </table>
                <?php
                $sql = "SELECT submitdate FROM enr_cil_pireps WHERE pilotid='$idtc' and accepted='1'";
                $cycle = $DBPDO->query($sql)->fetchAll();
                $cycle=count($cycle);
                $page= floor($cycle/15)+1;
                ?><ul class="pagination"><?php
                while ( $prog <= $page) 
                    {
                        $prog++;
                        ?><li><a href="./index.php?page=bank_cil&lim=<?php echo $prog; ?>#salaire"><?php echo $prog; ?></a></li><?php
                    }
                ?><ul class="pagination"><?php

            }       
        catch (PDOException $e)
        {}
    }
catch (PDOException $e)
{}
 ?>

merci d'avance de votre aide

Flo

3 réponses

Vallyan
Réponse acceptée 
$( document ).ready(function(){
    // Détecte le hash dans l'url, l'utilise pour sélectionner le lien correspondant, déclenche le clique
    $("a[href='" + window.location.hash + "']").trigger('click')
});
flo3376
Auteur

tu n'as pas idée de ma joie là,

merci infiniment

juste une question, avec jquerry, le js du bootsrap et le css, ce n'est pas censé le faire d’origine??

Vallyan

Ben en fait je croyais aussi mais du coup ta question m'a fait vérifier ... et donc ben apparemment: non.