Como configurar o bootstrap tour para usar em várias páginas?

bootstrap tour várias páginas

Veja abaixo uma ideia para controlar dinamicamente com PHP o bootstrap tour.

Primeiramente veja aqui como usar o bootstrap tour, pois não vou focar nessa configuração básica nesse artigo.

Agora sim vamos ver como configurar o bootstrap tour para que cada página do sistema reconheça um json diferente.

Por padrão a biblioteca usa o arquivo main.js para passar a ordem do conteúdo que o guia passo a passo deve percorrer. Se fosse usar em apenas uma página poderia fazer assim:

<script src="dominio_do_site/bootstrap/js/main.js" type="text/javascript"></script>

Agora para usar esse arquivo em páginas diferentes foram criados vários diretórios com o nome dele e será passado no caminho referente ao arquivo. No caso se as páginas estiverem em arquivos diferentes pode fazer  assim, por exemplo:

Criar um diretório como nome de index, outro login, contato, formulario, aplicacao para os arquivos index.php, login.php e assim por diante.

Pegue o nome do arquivo com:

<?php

$nomeDoArquivo = replace(basename($_SERVER['PHP_SELF']), '.php', ''); 

?>

No caso para o arquivo login.php retornaria login. Para entender melhor o que foi usado veja os links no final do artigo.

Desse modo só funciona se a página estiver com a extensão ".php". Para usar em páginas com outras extenções ou com urls amigáveis teria que usar outras funções PHP para chegar ao nome que deseja.

Depois passe o nome do arquivo junto no caminho do main.js, indicando qual diretório deve usar.

<script src="dominio_do_site/bootstrap/<? echo $pageName; ?>/js/main.js" type="text/javascript"></script

Dependendo do caso pode complementar isso usando colocando dentro de condicional ou função, mas o resultado final deverá ser algo como citado acima.

Veja mais em:

Como pegar nome de arquivo com PHP?

Como registrar nome de diretório com PHP?

O que faz o replace em PHP?

O que faz o baseneme em PHP?

Para que serve o $_SERVER['PHP_SELF'] em php?
 

Quer acompanhar as novidade do site?

Leia mais em:

Como configurar o bootstrap tour para usar em várias páginas?

Última atualização: 2023-02-15