Implementing uglipop

I am trying to implement uglipop

I have the .js fles but for whatever reason I cant get it to actually work.

Any ideas?
Larry Bristersr. DeveloperAsked:
Who is Participating?
 
Leonidas DosasCommented:
And another example:
<!DOCTYPE html>
<html>
<head>
<title>HTML, CSS and JavaScript demo</title>
  <script src="https://cdn.jsdelivr.net/npm/uglipop@1.0.0/uglipop.js"></script>
  <style>

    .put{
      border-radius: 10px;
      background-color:white;
      width:300px;
      height:300px;
      padding:10px;
     -webkit-box-shadow: 0px 0px 39px 12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 39px 12px rgba(0,0,0,0.75);
box-shadow: 0px 0px 39px 12px rgba(0,0,0,0.75);
    }
  </style>
</head>
<body>
<!-- Start your code here -->

<p class="lw">Hello Weaver!</p>
<button class="button-blue" id="test1" onclick="custom1();">Try it</button>
<!-- End your code here -->
  
  <script>
   var custom1 = function(){
       uglipop({class:'put', //styling class for Modal
        source:'html',
        content:'<div> All HTML goes here </div>'});}
  </script>
</body>
</html>

Open in new window

0
 
Leonidas DosasCommented:
<!DOCTYPE html>
<html>
<head>
<title>HTML, CSS and JavaScript demo</title>
  <script src="https://cdn.jsdelivr.net/npm/uglipop@1.0.0/uglipop.js"></script>
</head>
<body>
<!-- Start your code here -->

<p class="lw">Hello Weaver!</p>
<button class="button-blue" id="test1" onclick="custom1();">Try it</button>
<!-- End your code here -->
  
  <script>
    var custom1 = function(){
        uglipop({class:'put',source:'div',content:'bing'});}
  </script>
</body>
</html>

Open in new window


You can style the modal class put with css properties
0
 
Larry Bristersr. DeveloperAuthor Commented:
I copied as is into an html page

Nothing happens on click
0
 
Larry Bristersr. DeveloperAuthor Commented:
That did it

Thanks
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.