ElaKiri Community
Downloads
Go Back   ElaKiri Community > General > ElaKiri Talk!
Reload this Page මේ ස්ක්‍රිප්ට් එකට තව මොනවද එකතුකරන්න ඕනෙ
Reply
 
Thread Tools
(#1)
Old
WaterMelon's Avatar
WaterMelon WaterMelon is offline
Senior Member
WaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura about
 
Posts: 307
Join Date: Aug 2017
මේ ස්ක්‍රිප්ට් එකට තව මොනවද එකතුකරන්න ඕනෙ - 03-13-2018, 09:19 AM

මචන් මේ ස්ක්‍රිප්ට් එකේ පොඩි මොඩිෆිකේශක් එකකට Fiverr Gig එකක් ඔර්ඩර් කලා, මේක රන් කරල කියපල්ලකො තව මොනවද තියෙන අඩුපාඩු කියලා..ලියල තියෙන විදිහෙ එහෙම මොනවහරි වෙනස් කරන්න තියෙනවද...
ස්ක්‍රිප්ටින්ග් ගැන එච්චර දැනීමක් නැහැ මචන්...

https://www.w3schools.com/code/tryit...e=FPB2G71TBH3D

Code:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 <script>
 
 
 
$(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();
        });
    }
    
    
    $( 'a' ).each(function(index, element) {
        $ ( this ).click( function ( e ) {
            e.preventDefault();
        });
    });
});
</script>


<style>
#DIV_1 {
    bottom: 0px;
    box-shadow: rgba(255, 255, 255, 0.298) 0px 0px 2px 0px inset, rgba(255, 255, 255, 0.298) 0px 1px 0px 0px inset;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    height: 39px;
    left: 0px;
    letter-spacing:2px;
    position: relative;
    right: 0px;
    text-align: center;
    text-decoration: none solid rgb(255, 255, 255);
    text-shadow: rgb(0, 79, 132) 0px 1px 0px;
    text-size-adjust: 100%;
    top: 0px;
    width: 135px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 53.2344px 19.5px;
    transform-origin: 53.2344px 19.5px;
    caret-color: rgb(255, 255, 255);
    background: rgb(0, 109, 183) linear-gradient(0deg, rgb(0, 109, 183), rgb(0, 139, 234)) repeat scroll 0% 0% / auto padding-box border-box;
    border-top: 1px solid rgb(0, 79, 132);
    border-right: 1px solid rgb(0, 79, 132);
    border-bottom: 2px solid rgb(0, 79, 132);
    border-left: 1px solid rgb(0, 79, 132);
    font: normal normal 700 normal 10px / 10px Lego, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
    padding: 13px 14px;
}/*#DIV_1*/


img {
    width:100%;
    object-fit:contain;
    min-width: 100%;
    height: auto;
}
.form-style-5{
    max-width: 500px;
    display: inline-block;
    padding: 8px 16px;
    background: #f4f7f8;
    margin: 8px auto;
    padding: 16px;
    border-radius: 8px;
    font-family: Georgia, "Times New Roman", Times, serif;
}
.form-style-5 fieldset{
    border: none;
}
.form-style-5 legend {
    font-size: 1.4em;
    margin-bottom: 8px;
}
.form-style-5 label {
    display: block;
    margin-bottom: 6px;
}
.form-style-5 input[type="text"],
.form-style-5 input[type="date"],
.form-style-5 input[type="datetime"],
.form-style-5 input[type="email"],
.form-style-5 input[type="number"],
.form-style-5 input[type="search"],
.form-style-5 input[type="time"],
.form-style-5 input[type="url"],
.form-style-5 textarea,
.form-style-5 select {
    font-family: Georgia, "Times New Roman", Times, serif;
    background: rgba(255,255,255,.1);
    border: none;
    border-radius: 4px;
    font-size: 16px;
    margin: 0;
    outline: 0;
    padding: 7px;
    width: 100%;
    box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    background-color: #e8eeef;
    color:#8a97a0;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    margin-bottom: 30px;
    
}
.form-style-5 input[type="text"]:focus,
.form-style-5 input[type="date"]:focus,
.form-style-5 input[type="datetime"]:focus,
.form-style-5 input[type="email"]:focus,
.form-style-5 input[type="number"]:focus,
.form-style-5 input[type="search"]:focus,
.form-style-5 input[type="time"]:focus,
.form-style-5 input[type="url"]:focus,
.form-style-5 textarea:focus,
.form-style-5 select:focus{
    background: #d2d9dd;
}
.form-style-5 select{
    -webkit-appearance: menulist-button;
    height:30px;
}

.form-style-5 input[type="submit"],
.form-style-5 input[type="button"]
{
    position: relative;
    display: block;
    padding: 17px 37px 16px 37px;
    color: #000;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    font-style: normal;
    width: 100%;
    border: 1px solid #ffcf00;
    border-width: 1px 1px 3px;
    margin-bottom: 10px;
    background: rgb(255, 207, 0) none repeat scroll 0% 0% / auto padding-box border-box;
    box-shadow: rgba(232, 105, 2, 0.5) 0px 0px 25px 0px inset;
      
}
.form-style-5 input[type="submit"]:hover,
.form-style-5 input[type="button"]:hover
{
    background: #ffae00;
}


.button {
  display: inline-block;
  border-radius: 4px;
  border: none;
  color: #000000;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 100%;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  box-shadow: rgba(232, 105, 2, 0.4) 0px 0px 25px 0px inset;
background: rgb(255, 207, 0) none repeat scroll 0% 0% / auto padding-box border-box;

}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: ' 0bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.1s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

@media(max-width:768px){
        #popup{
            overflow: inherit;
            width: 90%;
            height: auto;   
        }
        #popup2{
            
            overflow: inherit;
            width: 90%;
            height: auto; 
        }
    }
</style>

   
<div id="overlay" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.05; filter: alpha(opacity=60); z-index: 99990; display: none">
</div>

<div id="popup" style="position:fixed; display:none; top:63px;  width:50%; max-height:92%; left: 0; right: 0; margin: 0 auto; background-color:#FFFFFF; z-index:99999; padding:5px; border:solid 2px #1d8cd0; border-radius:5px;overflow:scroll">
    
    
<img class="aligncenter wp-image-21 size-full"  src="https://i.imgur.com/fQUOv5l.png" alt="ALT TEXT" width="492" height= auto;  />

<h4>Important</h4> 
<p>* You can't claim this offer again from this IP address.</p> 
<p>* Offer valid till stocks lasts only.</p> 
<p>* Age should be above 13 to claim this offer.</p> 
        
<p
    <div id="DIV_1">
    PROCEED >>
    </p>
    
</div>
<div id="overlay2" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.1; filter: alpha(opacity=60); z-index: 99990; display: none">
</div>
<div id="popup2" style="position:fixed; display:none; top:63px;  width:40%; max-height:104%; left: 0; right: 0; margin: 0 auto; background-color:#FFFFFF; z-index:99999; padding:5px; border:solid 2px #1d8cd0; border-radius:5px;overflow:scroll">
    <p style="color:#FFFFFF;">
    </p>
    
     <input type="image" src="https://i.imgur.com/2NCCotu.png" align="left" width="289" height= auto; >
          
<div class="form-style-5">
<form>

<fieldset>
                <legend><span class="number"></span> Please enter your information</legend>
                <input type="text" name="field1" placeholder="Receiver's full name *">
                <input type="email" name="field2" placeholder="Email *">
                <textarea name="field3" placeholder="Shipping address:"></textarea>
                <label for="job">Country:</label>
                <select id="job" name="field4">
                    <option value="USA">USA</option>
                    <option value="UK">UK</option>
                </select>
                <textarea name="field5" placeholder="Greeting message: Eg. Hi Jonathan, ..Loving sister, Christina."></textarea>
            </fieldset>
            <button class="button" type="button" id="myBtn" onclick="XXX;">Apply</button>
        </form>
    </div>
</div>
<head>
    

</head>

Last edited by WaterMelon; 03-13-2018 at 09:21 AM.
Reply With Quote
(#2)
Old
ThisaraMalintha's Avatar
ThisaraMalintha ThisaraMalintha is offline
Senior Member
ThisaraMalintha is a glorious beacon of lightThisaraMalintha is a glorious beacon of lightThisaraMalintha is a glorious beacon of lightThisaraMalintha is a glorious beacon of lightThisaraMalintha is a glorious beacon of lightThisaraMalintha is a glorious beacon of lightThisaraMalintha is a glorious beacon of lightThisaraMalintha is a glorious beacon of lightThisaraMalintha is a glorious beacon of lightThisaraMalintha is a glorious beacon of lightThisaraMalintha is a glorious beacon of light
 
Posts: 2,236
Join Date: Nov 2015
Location: ගෙදර
03-13-2018, 09:22 AM

Bump
Reply With Quote
(#3)
Old
RoxDrex12's Avatar
RoxDrex12 RoxDrex12 is offline
Senior Member
RoxDrex12 is a jewel in the roughRoxDrex12 is a jewel in the roughRoxDrex12 is a jewel in the roughRoxDrex12 is a jewel in the roughRoxDrex12 is a jewel in the roughRoxDrex12 is a jewel in the rough
 
Posts: 694
Join Date: Apr 2017
03-13-2018, 09:56 AM

bp
Reply With Quote
(#4)
Old
CloudX64's Avatar
CloudX64 CloudX64 is offline
Senior Member
CloudX64 is a glorious beacon of lightCloudX64 is a glorious beacon of lightCloudX64 is a glorious beacon of lightCloudX64 is a glorious beacon of lightCloudX64 is a glorious beacon of lightCloudX64 is a glorious beacon of lightCloudX64 is a glorious beacon of lightCloudX64 is a glorious beacon of lightCloudX64 is a glorious beacon of lightCloudX64 is a glorious beacon of lightCloudX64 is a glorious beacon of light
 
Posts: 3,139
Join Date: Nov 2014
Location: ❤️🅦🅔🅢🅣නාහිර
03-13-2018, 10:21 AM

bump
Reply With Quote
(#5)
Old
WaterMelon's Avatar
WaterMelon WaterMelon is offline
Senior Member
WaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura about
 
Posts: 307
Join Date: Aug 2017
03-13-2018, 12:24 PM

Quote:
Originally Posted by ThisaraMalintha View Post
Bump
gl

thanks machan..
Reply With Quote
(#6)
Old
Mr.Feel's Avatar
Mr.Feel Mr.Feel is offline
Senior Member
Mr.Feel is a jewel in the roughMr.Feel is a jewel in the roughMr.Feel is a jewel in the roughMr.Feel is a jewel in the roughMr.Feel is a jewel in the roughMr.Feel is a jewel in the rough
 
Posts: 2,045
Join Date: Jan 2009
Location: anEmanda
Send a message via Yahoo to Mr.Feel
03-13-2018, 12:27 PM

bump
Reply With Quote
(#7)
Old
WaterMelon's Avatar
WaterMelon WaterMelon is offline
Senior Member
WaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura about
 
Posts: 307
Join Date: Aug 2017
03-13-2018, 12:32 PM

Quote:
Originally Posted by RoxDrex12 View Post
bp
thanks machan..
repped...
Reply With Quote
(#8)
Old
WaterMelon's Avatar
WaterMelon WaterMelon is offline
Senior Member
WaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura about
 
Posts: 307
Join Date: Aug 2017
03-13-2018, 02:04 PM

Quote:
Originally Posted by CloudX64 View Post
bump
thanks... rep+
Reply With Quote
(#9)
Old
richlife's Avatar
richlife richlife is offline
Senior Member
richlife has much to be proud ofrichlife has much to be proud ofrichlife has much to be proud ofrichlife has much to be proud ofrichlife has much to be proud ofrichlife has much to be proud ofrichlife has much to be proud ofrichlife has much to be proud ofrichlife has much to be proud ofrichlife has much to be proud ofrichlife has much to be proud of
 
Posts: 10,967
Join Date: Oct 2012
Location: වැලිවේරිය...
03-13-2018, 02:15 PM

BUMPs
Reply With Quote
(#10)
Old
WaterMelon's Avatar
WaterMelon WaterMelon is offline
Senior Member
WaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura aboutWaterMelon has a spectacular aura about
 
Posts: 307
Join Date: Aug 2017
03-13-2018, 02:39 PM

Quote:
Originally Posted by Mr.Feel View Post
bump
thanks rep+
Reply With Quote
Reply

Bookmarks

Tags
css, html, jquery, scripting

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump



Copyright © 2006 - 2011 ElaKiri™ Beta2.Evo vBulletin, vBa iBproArcade Subdreamer I-Magic MKv

Page generated in 0.02196 seconds with 9 queries