Jquery දන්න කෙනෙක් මේ ස්ක්‍රිප්ට් එක බලල කියනව&#3503

[WaterMelon]

Jquery දන්න කෙනෙක් මේ ස්ක්‍රිප්ට් එක බලල කියනව&#3503

මේ ස්ක්‍රිප්ට් එක පොඩ්ඩක් බලන්න මචන්,
https://www.w3schools.com/code/tryit.asp?filename=FOK7620F9WEI
https://www.w3schools.com/code/tryit.asp?filename=FOK7620F9WEI
Jquery වලින් තියෙන්නෙ,
ගෙයක ඉමේජ් එක තියෙන පොපප් එක ක්ලික් කලාම,ගෙය තියෙන පොපප් එක close වෙලා Email ඇන්ඩ් Address සබ්මිට් ෆොර්ම් එක popup වෙන්න ඕනෙ, එත් ඒක popup වෙන්නෙ නැහැ...

 

[Lakshan-Seram]

Fix eka thama

 $("#popup").on('click', function() {
}

ube CSS selector eka weradi.

Oka fix karath oke issues tiyenawa ban. Oita wada hoda kramayak balanna.


Update 2

$(function() {
    openUp('#overlay')
    $("#popup").on('click', function() {
        openUp('#overlay2')
        closeDown('#overlay')
    });

    function openUp(el) {
        $(el).fadeIn(500, function() {
            $(this).next().show();
        });
    }

    function closeDown(el) {
        $(el).fadeOut(500, function() {
            $(this).next().hide();
        });
    }
    
    /*
     * Disable <a> click event which is causing page redirect.
     * !!! Bad practice this is just only a fix for this code !!!
     */
    $( 'a' ).each(function(index, element) {
        $ ( this ).click( function ( e ) {
            e.preventDefault();
        });
    });
});

https://www.w3schools.com/code/tryit.asp?filename=FOKRHANG9KEP

 

[Thilantdm]

alert ekak dala blpn trigger wnwada kiyla.
onclick ekedi trigger wenne nane oka mn dakka widiyata.
gdra ghn blnnam.

 

[WaterMelon]

Fix eka thama

 $("#popup").on('click', function() {
}

ube CSS selector eka weradi.

Oka fix karath oke issues tiyenawa ban. Oita wada hoda kramayak balanna.


Update 2

$(function() {
    openUp('#overlay')
    $("#popup").on('click', function() {
        openUp('#overlay2')
        closeDown('#overlay')
    });

    function openUp(el) {
        $(el).fadeIn(500, function() {
            $(this).next().show();
        });
    }

    function closeDown(el) {
        $(el).fadeOut(500, function() {
            $(this).next().hide();
        });
    }
    
    /*
     * Disable <a> click event which is causing page redirect.
     * !!! Bad practice this is just only a fix for this code !!!
     */
    $( 'a' ).each(function(index, element) {
        $ ( this ).click( function ( e ) {
            e.preventDefault();
        });
    });
});

https://www.w3schools.com/code/tryit.asp?filename=FOKRHANG9KEP

Thanks machan...this looks ok, is there any workaround to make this responsive?

can't see well on mobile...( image looks big and not aligned well )

 

[WaterMelon]

Fix eka thama

 $("#popup").on('click', function() {
}

ube CSS selector eka weradi.

Oka fix karath oke issues tiyenawa ban. Oita wada hoda kramayak balanna.


Update 2


https://www.w3schools.com/code/tryit.asp?filename=FOKRHANG9KEP

I got one feed back......."Your inline CSS Is well hidden throughout the HTML.

You can put it in a <style> tag or a link stylesheet.

Then you can add media queries when needed"

 

[WaterMelon]

bump

Thanks Bud..

 

[WaterMelon]

Bumpi