Pagina 1 di 1

problemi con $(location).attr('href'); ....

MessaggioInviato: dom mar 27, 2011 5:39 pm
da Niper
Ciao ragazzi spero che possiate aiutarmi ..... ho creato un piccolo banner che dovrebbe comparire solo in home page e su tutte le altre pagine no il codice è il seguente:

CSS:
Codice: Seleziona tutto
body#bottombar {
  z-index: 99999;
  display:none;
}

.bottom-content {
  background-image: url(images/banner/player-bg3.png);
  background-repeat: repeat-x;
  bottom: 0;
  height: 100px;
  left:0;
  margin: 0;
  position: fixed !important;
  width: 100%;
}

#bottombarClose {
  cursor: pointer;
  float: right;
  padding: 55px 10px 0 0;
}


HTML:
Codice: Seleziona tutto
<div id="bottombar">
<div class="bottom-content">
<a href="http://www.sito.com/" target="_blank"><img src="<?php bloginfo('template_url'); ?>/images/banner/bottom-logo.png" alt="player-logo" /></a>
<a href="http://www.sito.com/" target="_blank"><img src="<?php bloginfo('template_url'); ?>/images/banner/bottom-txt.png" alt="player-slogan" /></a>
<img src="<?php bloginfo('template_url'); ?>/images/banner/bottom-download.png" alt="player-download" />
<div id="bottombarClose"><p>Chiudi</p></div>
</div>
</div>


JAVASCRIPT:
Codice: Seleziona tutto
$(document).ready(function() {
var currentUrl = $(location).attr('href');
if(currentUrl == 'http://www.home_page.com') 
$('#bottombar').show();
$("#bottombarClose").click(function() {
      $('#bottombar').hide();
});
});


Non so per quale assurdo motivo il banner viene mostrato su tutte le pagine.... esiste una buona anima che può darmi una mano ? grazie in anticipo.

Re: problemi con $(location).attr('href'); ....

MessaggioInviato: lun mar 28, 2011 6:03 pm
da Niper
Ciao ragazzi messuno può aiutarmi ?

Re: problemi con $(location).attr('href'); ....

MessaggioInviato: lun mar 28, 2011 7:52 pm
da Niper
Ciao ragazzi sono ancora io ho effettuato le seguenti modifiche e su un sito (hosting aruba) funziona e su un altro sito (hosting Justhost) non funziona ..... è veramente incredibile:

CSS:
Codice: Seleziona tutto
div#bottombar {
  background-image: url(images/banner/player-bg3.png);
  background-repeat: repeat-x;
  bottom: 0;
  color: #FFFFFF;
  font-family: Arial,Helvetica,sans-serif;
  height: 100px;
  left: 0;
  margin: 0;
  position: fixed !important;
  width: 100%;
  z-index: 99999;
  display:none;
}

.bottom-content {
  bottom: 0;
  height: 97px;
  left: 50%;
  margin-left: -495px;
  position: absolute;
  width: 960px;
  z-index: 10;
}

#bottombarClose {
  cursor: pointer;
  float: right;
  padding: 55px 10px 0 0;
}


HTML e JAVASCRIPT:
Codice: Seleziona tutto
 
<div id="bottombar">
<div class="bottom-content">
<a href="http://www.cliente.org/" target="_blank"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/banner/bottom-logo.png" alt="player-logo" /></a>
<a href="http://www.cliente.org/" target="_blank"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/banner/bottom-txt.png" alt="player-slogan" /></a>
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/banner/bottom-download.png" alt="player-download" />
</div>
<div id="bottombarClose"><p>Chiudi</p></div>
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function() {
var currentUrl = jQuery(location).attr('href');
if(currentUrl == 'http://www.miosito.com/') 
jQuery('#bottombar').show();
jQuery("#bottombarClose").click(function() {
      $('#bottombar').hide();
});
});
</script>
</div>

Re: problemi con $(location).attr('href'); ....

MessaggioInviato: mar mar 29, 2011 2:33 pm
da BlackJack
Ciao!
Mi vengono in mente 3 cose:
1) i percorsi dei file coincidono anche sull'altro serivizio di hosting?
2) (domanda stupida) supporta php?
3) possiede il framework jQuery?

Re: problemi con $(location).attr('href'); ....

MessaggioInviato: mar mar 29, 2011 3:02 pm
da Niper
Ciao BlackJack, risposta affermativa per tutte 3 le domande .... veramente non riesco a capire il motivo ..... che tu sappia esiste un'alternativa al metodo che sto utilizzando ?

Re: problemi con $(location).attr('href'); ....

MessaggioInviato: mar mar 29, 2011 5:27 pm
da BlackJack
Ti spiace farmi vedere una pagina di esempio? Almeno capisco meglio come funzioni questo banner...
Grazie

Re: problemi con $(location).attr('href'); ....

MessaggioInviato: mar mar 29, 2011 5:34 pm
da Niper

Re: problemi con $(location).attr('href'); ....

MessaggioInviato: mer mar 30, 2011 10:14 am
da BlackJack
Presumo che si tratti del banner in fondo alla pagina del browser, che si sposta assieme ad esso...
Purtroppo non ho mai fatto cose del genere, mi spiace.

p.s.: rimane comunque molto strato che su aruba funzioni e sull'altro provider no...

Re: problemi con $(location).attr('href'); ....

MessaggioInviato: mer mar 30, 2011 10:39 am
da Niper
si è quello, grazie in ogni caso per il tuo tempo e la tua disponibilità .... ci si becca sul megaforum ...

Re: problemi con $(location).attr('href'); ....

MessaggioInviato: mer mar 30, 2011 11:37 am
da BlackJack
Figurati, mi spiace di non poter fare di più!
Magari qualcun altro saprà aiutarti.
A presto, ciao!

Re: problemi con $(location).attr('href'); ....

MessaggioInviato: gio mar 31, 2011 4:13 pm
da Niper
Ok, BlackJack ho risolto ....... per chi fosse interessato ho fatto le seguenti modifiche:

Codice: Seleziona tutto
$(document).ready(function() {
var currentUrl = window.location.href;
if(currentUrl == 'http://www.mio-sito.net/') 
$('#bottombar').show();
$("#bottombarClose").click(function() {
      $('#bottombar').hide();
});
});


In pratica ho sostituito "$(location).attr('href')" con "window.location.href" e aggiunto un bel "display:none" al div bottombar

Re: problemi con $(location).attr('href'); ....

MessaggioInviato: gio mar 31, 2011 4:42 pm
da BlackJack
Ottimo, ne sono feilce!
Grazie per aver postato il codice, a presto!