Javascript nové okno

9. 6. 2020 02:05:30

Zdravím všechny,

potřeboval bych poradit. Mám tento kód:

A potřebuji aby se po kliknutí otevřelo nové okno (ale stejná url) kde se zobrazí skrytý obsah a zároveň aby v prvním okně došlo k přesměrování na jiný web. A nemůžu přejit na to jak to udělat.

Děkuji za pomoc.

9. 6. 2020 02:05:30

https://webtrh.cz/diskuse/javascript-nove-okno#reply1454314

Pavel Mareš

(19 hodnocení)

9. 6. 2020 06:50:41

Musíš pochopit, co je potřeba udělat.

1) napiš to do funkce a ne inline ... prostě

EDIT:

Vyřešeno. Už jsem na to přišel.

9. 6. 2020 22:32:43

https://webtrh.cz/diskuse/javascript-nove-okno#reply1454312

Pavel Mareš

(19 hodnocení)

10. 6. 2020 06:26:35

Tak postni celej kod, ať to tu je pro ukázku pro další.

Jinak teda kod za mě:

<a href="https://www.ciziweb.cz" class="btn" onclick="noveOkno( this, event, 'http://www.domena.cz/obsah/' );" rel="noopener noreferrer">Zobrazit</a>

<div id="vice" style="display: none;">
Zde je skrýt obsah (otevře se nové okno a zobrazí se tento obsah ale na stejné url)
</div>

// vrací hodnotu GET parametrů u URL
function gup( name, url ) {
    if (!url) url = location.href;
    name = name.replace(//,"\]/,"\]");
    var regexS = ""+name+"=(*)";
    var regex = new RegExp( regexS );
    var results = regex.exec( url );
    return results == null ? null : results;
}

// vrátí url bez hashe (kdyby tam byl)
function pageUrlWithoutHash() {
	return document.location.href.match(/(^*)/);
}

function noveOkno( element, event, url ) {
    event.preventDefault();

// pro trackovací účely
    url = url + "?utm=847fk4dj95";
    
    // otevři nové okno a přehoď uživatele na něj
    var win = window.open( url, '_blank' );
    win.focus();

// přesměrování na cizí web
    window.location.replace( element.getAttribute('href') );
}

function ukazSkrytyObsah() {
    
    // kontrola je jsou v URL get parametry a na stránce je blok, který chceme odkrýt
    if (pageUrlWotHash().indexOf('?') !== -1 && document.querySelector('#vice') !== null ) {

// kontrola zda vůbec utm v URL je
        if (gup('utm', pageUrlWotHash()) !== '') {

// kontrola zda utm je jak chceme
            if( gup('utm', pageUrlWotHash()) == '847fk4dj95' ) {
                // zobraz blok na stránce
                document.querySelector('#vice').style.display = 'block';
            }
        }
    }
}

// načítání fumkcí na dokončení DOMu
ready(function() {
    ukazSkrytyObsah();
});
</script>

10. 6. 2020 06:26:35

šikmo.cz – Digitální parťák, od designu přes vývoj až k marketingu.

https://webtrh.cz/diskuse/javascript-nove-okno#reply1454311

pixels

(1 hodnocení)

11. 6. 2020 00:29:46

Tak ty máš profi kód já mám tohle ale funguje to.

11. 6. 2020 00:29:46

https://webtrh.cz/diskuse/javascript-nove-okno#reply1454310

Pavel Mareš

(19 hodnocení)

11. 6. 2020 06:41:48

Tak v mém kodu jde o to, že já počítám s tím, že na tu URL můžeš jít i mimo JS. Čili kdybys posílal newsletter s tou adresou, tak se to zobrazí, u tebe ne. A s tím zároveň pak můžeš měřit v GA, jak ti proudí lidi.

V tom tvém to je vyloženě jen zobrazit blok v novém tabu po kliknutí. Já to akorát rozvinul ...

11. 6. 2020 06:41:48

šikmo.cz – Digitální parťák, od designu přes vývoj až k marketingu.

https://webtrh.cz/diskuse/javascript-nove-okno#reply1454309

Pro odpověď se přihlašte.

Přihlásit