Autor Zpráva
Kikiela
Profil *
Ahoj, nevím si rady s odkazem. Stáhl jsem si šablonu, kde je <a href="#menu" class="change-section">, ale rád bych dal klasický odkaz na libovolný web např. http://www.xyz.cz a nedaří se mi to rozchodit. Viz dole je původní kod, jak je v šabloně. Dík za radu


<div class="row margin-top-20">
                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6  pull-right">
                                    <a href="#menu" class="change-section">
                                        <div class="black-bg btn-menu">
                                            <h2>Zpět do menu</h2>
                                        </div>
                                    </a>
                                </div>
                            </div>
aDAm
Profil
a co ti brání nahradit #menu za tvůj odkaz? Normálně to přepiš a link bude fungovat, za předpokladu že na tom elementu není pověšený nějaký JS co by to blokoval.
Kikiela
Profil *
Noprávě, že jsem to přepsal, ale asi jak říkáš, tam bude někde něco v JS, protže to nefunguje
Trejpa
Profil
Kikiela:
Jako první bych zkusil vymazat class="change-section", to vypadá jako cíl zaměřování skriptu.
Jestli to nepomůže, tak sem dej odkaz na problémovou stránku, protože to tvé někde něco tady nevidíme.
Kikiela
Profil *
Díky ...

JS

/* 
Zoom Template 
http://www.templatemo.com/preview/templatemo_414_zoom
*/

var menuDisabled = false;

jQuery(function($) {
    
    $(window).load(function() { // makes sure the whole site is loaded
            $('#status').fadeOut(); // will first fade out the loading animation
            $('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
            $('#main-wrapper').delay(350).css({'overflow':'visible'});
    });
    
    $(document).ready( function() {

        loadGoogleMap();
        
        // backstretch for background image
        var defaultImgSrc = $('img.main-img').attr('src');
        $.backstretch(defaultImgSrc, {speed: 400});

    //for image slide on menu item click(normal) and responsive
    $(".change-section").on('click',function(e){
            e.preventDefault();
            if (menuDisabled == false) // check the menu has disabled?
            {
                menuDisabled = true; // disable to menu
                
                var name = $(this).attr('href');
                console.log(name);
                // get image url and assign to backstretch for background
                var imgSrc = $("img"+name+"-img").attr('src');
                $.backstretch(imgSrc, {speed: 400}); //backstretch for background fade in/out
                
                // content zoom in/out
                $("section.active").hide('size',{easing: 'easeInQuart', duration: 400},function(){
                    $(this).removeClass("active");
                    $(name+"-section").show('size',{easing: 'easeOutQuart', duration: 400},function(){
                        $(this).addClass("active");
                        
                        // google map need to resize for animate contents
                        google.maps.event.trigger(map, 'resize'); // resize map
                        $.backstretch("resize"); // resize the background image
                        menuDisabled = false;
                     });
                });                
            }
            return;
    });
        
    });

});

var map = '';

function initialize() {
    var mapOptions = {
      zoom: 14,
      center: new google.maps.LatLng(16.8496189,96.1288854)
    };
    map = new google.maps.Map(document.getElementById('map-canvas'),  mapOptions);
}

function loadGoogleMap(){
    // load google map
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
        'callback=initialize';
    document.body.appendChild(script);
}

Kod

<div class="col-sm-6 col-md-6 col-lg-6">
                                    <div class="black-bg col-sm-12 col-md-12 col-lg-12">
                                        <h2>RESPONSIVE</h2>
                                        <p><span class="green">Zoom template is a mobile-ready layout supporting all kinds of mobile devices or different screen sizes.</span> Integer posuere quam a orci tempor, ut eleifend est vulputate. Nullam vitae lectus dui. Donec vulputate ac tortor id convallis. Sed nisi mauris, laoreet vitae lacus at, viverra viverra neque. Curabitur nec aliquam lacus, nec molestie erat.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="row margin-top-20">
                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6  pull-right">
                                    <a href="#menu" class="change-section">
                                        <div class="black-bg btn-menu">
                                            <h2>Zpět do menu</h2>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="row margin-top-20">
                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6  pull-right">
                                    <a href="#" class="change-section">
                                        <div class="purpur-bg btn-menu">
                                            <h2><a href="http://xyz.cz" target="_blank">ODKAZ</a></h2>
                                        </div>
                                    </a>
                                </div>
                            </div>
petr 6
Profil
Kikiela:
Toto↓ jsi nezkoušel? Nebo to nepomohlo?
[#4]Trejpa:
Jako první bych zkusil vymazat class="change-section"
Trejpa
Profil
Kikiela:
Je to, jak jsem psal. Skript se na řádku 25 zaměřuje na odkazy s class="change-section" a na základě kliknutí mění obsah (hledá a překresluje nějaký obrázek). Na odkazy bez této třídy by neměl mít program vliv a ty se pak budou chovat normálně.

Chtěl jsem živou ukázku, ne zdrojový kód, kterému kromě jQuery k funkčnosti chybí i nějaký plugin Backstretch, jež jsi zapomněl zmínit. Jestli funguje první rada opakovaná petrem 6 [#6], tak ji už odkazovat nemusíš.
Kikiela
Profil *
Na nic to nereaguje ... končím s tím. Díky.
petr 6
Profil
Kikiela:
Na nic to nereaguje
Opět vágní popis problému. A co jsi zkoušel, když to nereagovalo?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: