Mostrare un popup solo in uno specifico indirizzo

[gfrancesc0a]

Gentili utenti di questo forum, salutandovi colgo l'occasione per ringraziarvi di tutte le informazioni che offrite sia tra queste pagine che in quelle del sito sotto forma di guide e aggiornamenti.

Ho un blog, nel quale ho aggiunto questo plugin carino che funziona ottimamente. L'unico problema è che si apre in ogni pagina, mentre a me interessa che si apra solo nella homepage, anche ripetutamente (vorrei dare delle informazioni sulla navigazione in alcune situazioni responsive).

Ho cercato qualche soluzione su internet, senza grande successo eccetto questa: purtroppo il mio blog è ospitato su tumblr, però le opzioni offerte indicano che anche nel mio caso dovrebbe essere possibile. Sto imparando un po' ad usare html e css, di jQuery e linguaggi simili invece non ne capisco ancora nulla.

Potreste aiutarmi?

[lucavizzi]

Prova così

<script type="text/javascript">
 
var tempo = 1000; //modifica il tempo di apparizione della notifica
 
function notifica(notice) {
    $('<div class="notice"></div>')
    .append('<a href="#" class="chiudi"></a>')//Pulsante chiusura
    .append($('<div class="contenuto"></div>').html($(notice)))
    .hide()
    .appendTo('#notifica')
    .fadeIn(tempo);
}
 
//Inizio il DOM
$(document).ready(function() {

if(window.location.href=='http://www.tuosito.it/'){//qui ci metti l'indirizzo dell'home page del tuo sito
 
 $("#riapri").css("display","none"); //RENDO INVISIBILE IL RIAPRI
 
 notifica("<p>Questo è un messaggio</p>"); //INSERISCI LE TUE NOTIFICHE QUI
 
    //INIZIO CHIUSURA E RIAPERTURA NOTIFICA
    $(".chiudi").click(
            function(){
            $("#notifica").fadeOut(1000);
            $("#riapri").fadeIn(500);
            $(".chiudi").hide()
    });
 
    $("#riapri").click(
            function(){
            $("#notifica").fadeIn(1000);
            $(".chiudi").show();
            $(this).fadeOut(500);
    });
else{
    $("#riapri,#notifica").css("display","none");
}
 
});//FINE DOM
 
</script>

[gfrancesc0a]

Ciao Luca, grazie per la risposta. Ho provato il codice, ma così facendo non compare più il popup. Volevo chiederti, la parentesi graffa aperta subito dopo l'indirizzo è regolare, no?

[lucavizzi]

Sì, è indispensabile, come la parte dopo la chiusura della graffa (else{...});
Avevo colorato di rosso le parti aggiunte ma il forum sembra non riportarlo.
Prova a postare il codice modificato.

[gfrancesc0a]

Ho copiato tutto il tuo codice, aggiungendo solo l'indirizzo web del blog. Il sito è questo, il plugin si trova alla voce <!-- Scroll Pop-up --> (riga 2175). Il messaggio dovrebbe comparire soltanto quando la finestra del browser è massimizzata. Ti dicevo della parentesi perché non ne riesco ad individuare la chiusura.

[lucavizzi]

la sintassi è corretta, è sbagliato il window.location.href cioè l'url della pagina.
mettici: http://levidepapier.tumblr.com/

[lucavizzi]

if(window.location.href=='http://levidepapier.tumblr.com/'){

[gfrancesc0a]

Ok, temevo che la parentesi non si chiudesse. Scusami, adesso l'indirizzo c'è, ho cancellato e incollato più volte.

Per rendere più agevole le prove, il messaggio adesso dovrebbe comparire con qualsiasi risoluzione.

[lucavizzi]

Sì, ho visto.
Prova a mettere un alert:

//Inizio il DOM
$(document).ready(function() {

alert(window.location.href);


if(window.location.href=='http://www.tuosito.it/'){//qui ci metti l'indirizzo dell'home page del tuo sito

[lucavizzi]

non serve, c'è un errore di sintassi, manca la graffa chiusa prima di else.
C'è:

else{

invece di:

}else{