Attivare un codice in base all'url della pagina

**lisux** · 20-11-2009, 13:35

Salve,

volevo chiedere ai più esperti se esiste e in che modo è possibile applicarla, la possibilità di attivare uno Javascript in base al contenuto dell'url. Cerco di spiegarmi meglio. Ho un sito già sviluppato e con molti script installati quindi non posso passare a linguaggi più dinamici come ad esempio il php. L'unica base su cui posso muovermi è il JavaScript, ed Io volevo venire a conoscenza di uno script che permetta, ad esempio, se il link della pagina è http://jonx.yz/mario.html, di attivare conseguentemente una parte di codice che vada ad attivare degli attributi in modo che, ad esempio, il nome Mario venga messo in grassetto ed evidenziato(ma solo per esempio, non voglio imitare il sistema Cache di Google). Vi chiedo questo perché vorrei sviluppare un particolare sistema sul sito di cui vi ho parlato prima e tuttavia dedicarsi al modding pagina per pagina sarebbe fastidioso in quanto sono numerose le pagine e potrebbero variare nel corso del tempo. La mia idea sarebbe quella di creare un menù unico da inserire poi in tutte le pagine mediante un Include, vorrei però che questo menù, in base alla pagina in cui è attivo, cambi degli attributi.

Spero di essermi espresso in maniera comprensibile anche se la situazione non è facilissima da spiegare.

Grazie per il vostro aiuto,
Emanuele.

**lisux** · 21-11-2009, 18:34

UP!

**cavicchiandrea** · 21-11-2009, 20:41

Mica tanto chiaro cosa vuoi fare, cerca di essere + sintetico ed eventualmente posta un link d'esempio se esiste o qualcosa di simile, se non si capisce cosa vuoi fare diventa impossibile aiutarti.
Ciao.

**lisux** · 21-11-2009, 22:22

Originariamente inviato da cavicchiandrea
Mica tanto chiaro cosa vuoi fare, cerca di essere + sintetico ed eventualmente posta un link d'esempio se esiste o qualcosa di simile, se non si capisce cosa vuoi fare diventa impossibile aiutarti.
Ciao.

Sì, in effetti era proprio quello che temevo. Ora cerco di esprimermi meglio:

Se il link della pagina aperta è: http://localhost/managermario.php

Vorrei che nel menù della pagina fosse così

Se invece è aperta la pagina http://localhost/managervalerio.php

Vorrei che il menù fosse così

Il menù che vedete è unico in tutte le pagine "manager", in quanto inserito in esse mediante un semplice "include", tuttavia vorrei che vi fosse questa evidenziazione senza che vada a crearla pagina per pagina.

Grazie per l'aiuto!1

**cavicchiandrea** · 21-11-2009, 22:35

Ma le pagine hanno nomi fissi prestabiliti a priori, o variano dinamicamente?

**lisux** · 21-11-2009, 23:36

Originariamente inviato da cavicchiandrea
Ma le pagine hanno nomi fissi prestabiliti a priori, o variano dinamicamente?

No no le pagine sono fisse...

**cavicchiandrea** · 22-11-2009, 00:24

A grandi linee:

codice:

<html>
<head>
<script>
onload = function(){
var URL = self.location
if(URL.href.indexOf("mario")!=-1){
document.getElementsByTagName("li")[0].className='menu_select'
}else if(URL.href.indexOf("valerio")!=-1){
document.getElementsByTagName("li")[1].className='menu_select'
}else if(URL.href.indexOf("flavio")!=-1){
document.getElementsByTagName("li")[2].className='menu_select'
}
}
</script>
<style type="text/css">
.menu {
	color: #0000CC;
	background-color: #99FF00;
	display: block;
	height: 20px;
	width: 120px;
}
.menu_select {
	color: #990000;
	background-color: #999900;
	display: block;
	height: 20px;
	width: 120px;
}
</style>
</head>
<body>
<li class="menu">mario
<li class="menu">valerio
<li class="menu">flavio
</body>
</html>

**lisux** · 22-11-2009, 11:44

Originariamente inviato da cavicchiandrea
A grandi linee:

codice:

<html>
<head>
<script>
onload = function(){
var URL = self.location
if(URL.href.indexOf("mario")!=-1){
document.getElementsByTagName("li")[0].className='menu_select'
}else if(URL.href.indexOf("valerio")!=-1){
document.getElementsByTagName("li")[1].className='menu_select'
}else if(URL.href.indexOf("flavio")!=-1){
document.getElementsByTagName("li")[2].className='menu_select'
}
}
</script>
<style type="text/css">
.menu {
	color: #0000CC;
	background-color: #99FF00;
	display: block;
	height: 20px;
	width: 120px;
}
.menu_select {
	color: #990000;
	background-color: #999900;
	display: block;
	height: 20px;
	width: 120px;
}
</style>
</head>
<body>
<li class="menu">mario
<li class="menu">valerio
<li class="menu">flavio
</body>
</html>

Ciao,
grazie mille sei stato gentilissimo a fornirmi l'intero codice e soprattutto molto disponibile!

Ora provo a lavorarci su e magari posto i risultati!

Grazie ancora,
Emanuele.

Discussione: Attivare un codice in base all'url della pagina

Strumenti discussione

Ricerca discussione

Visualizza

Attivare un codice in base all'url della pagina

Permessi di invio