Search the Community
Showing results for tags 'popup'.
Found 12 results
-
I cannot share a link for this due to the confidentiality of the website, but hopefully my ask is fairly simple to answer. I have a landing page with links to certain pages with visibility set to PRIVATE. Of course, if someone clicks a private link, the are redirected to a password page. If they enter the correct password, it reveals the page. Here’s my question: I need a solution for the link to the private page that triggers a popup password entry. This is not a membership site. There will be no roles or usernames. I want the functionality as it is but I don’t want the visitor redirected to a password page… I want the link to trigger a password entry popup. Is this doable? Surely there’s a plugin for this, but I cannot find it.
-
Hello! I'm totally new at js coding and I'm working on a blog site where I translate song lyrics to Hungarian. I wanted to write some extra info for some of the lyric lines in a popup window, so if someone clicks on the highlighted lines, he/she could read the additional info in the popup window. (It'd be something like genius.com) I almost succeed with the method I've read here: https://www.w3schools.com/howto/howto_js_popup.asp But when I tried to make a second popup window with a different text for another lyric line, it showed only the first window, above the first line, with the first text. I made an example to show my problem: https://www.w3schools.com/code/tryit.asp?filename=FSY26TGIQEXD Could anyone help me to make two or more different popups on the same page? (I hope I write to the right place.)
-
Hello This is my site made on Wordpress, the theme was made by other people: http://www.endeavor.cl/ I need to add a popup in the home section, so i installed some popup plugins and neither of them worked, i even tried using the echo do_shortcode[''] function of Wordpress and it doesn't work either. The i tried to use bootstrap modals, i just copied the example we have on w3schools and the button doesn't respond, the popup won't appear. So i decided to use jquery-ui: https://jqueryui.com/dialog/ It doesn't work either, it's like something in the theme is preventing to have anything poping-up in the page. At the end i tried a Javascript alert() and only that worked. Well, how can i make jquery-ui work on this page? Here is my header.php where i included the script: <!DOCTYPE html> <!--[if IE 6]> <html id="ie6" <?php language_attributes(); ?>> <![endif]--> <!--[if IE 7]> <html id="ie7" <?php language_attributes(); ?>> <![endif]--> <!--[if IE 8]> <html id="ie8" <?php language_attributes(); ?>> <![endif]--> <!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!--> <html <?php language_attributes(); ?>> <!--<![endif]--> <head> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <?php if (have_posts()):while(have_posts()):the_post(); endwhile; endif;?> <!-- the default values --> <meta property="fb:app_id" content="570150036476648" /> <!-- if page is content page --> <?php if (in_category('categoria-videos')) { ?> <meta property="og:url" content="<?php the_permalink() ?>"/> <meta property="og:title" content="<?php single_post_title(''); ?> | <?php bloginfo('name'); ?>" /> <meta property="og:description" content="<?php echo strip_tags(get_the_excerpt($post->ID)); ?>" /> <meta property="og:type" content="article" /> <meta property="og:image" content="http://i.ytimg.com/vi/<?php the_field('video-youtube-id'); ?>/hqdefault.jpg" /> <meta property="og:image:width" content="300"/> <meta property="og:image:height" content="300"/> <?php } elseif (is_single()) { ?> <meta property="og:url" content="<?php the_permalink() ?>"/> <meta property="og:title" content="<?php single_post_title(''); ?> | <?php bloginfo('name'); ?>" /> <meta property="og:description" content="<?php echo strip_tags(get_the_excerpt($post->ID)); ?>" /> <meta property="og:type" content="article" /> <?php $feat_image = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'medium' ); ?> <meta property="og:image" content="<?php echo $feat_image;?>" /> <meta property="og:image:width" content="300"/> <meta property="og:image:height" content="300"/> <?php } elseif (is_page()) { ?> <meta property="og:url" content="<?php the_permalink() ?>"/> <meta property="og:title" content="<?php single_post_title(''); ?> | <?php bloginfo('name'); ?>" /> <meta property="og:description" content="Endeavor lidera el movimiento global que busca impulsar el crecimiento económico sostenible, a través de la selección de Emprendedores de Alto Impacto" /> <meta property="og:type" content="article" /> <?php $feat_image = wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?> <meta property="og:image" content="<?php bloginfo('template_directory'); ?>/template/FotoShare.jpg" /> <meta property="og:image:width" content="450"/> <meta property="og:image:height" content="298"/> <?php } elseif(is_home()) { ?> <meta property="og:site_name" content="<?php bloginfo('name'); ?>" /> <meta property="og:title" content="Endeavor Chile | www.endeavor.cl" /> <meta property="og:description" content="Endeavor lidera el movimiento global que busca impulsar el crecimiento económico sostenible, a través de la selección de Emprendedores de Alto Impacto" /> <meta property="og:type" content="website" /> <meta property="og:image" content="<?php bloginfo('template_directory'); ?>/template/FotoShare.jpg" /> <meta property="og:image:width" content="450"/> <meta property="og:image:height" content="298"/> <?php } else { ?> <meta property="og:site_name" content="<?php bloginfo('name'); ?>" /> <meta property="og:description" content="Endeavor lidera el movimiento global que busca impulsar el crecimiento económico sostenible, a través de la selección de Emprendedores de Alto Impacto" /> <meta property="og:type" content="website" /> <meta property="og:image" content="<?php bloginfo('template_directory'); ?>/template/FotoShare.jpg" /> <meta property="og:image:width" content="450"/> <meta property="og:image:height" content="298"/> <?php } ?> <title> <?php // Print the <title> tag based on what is being viewed. global $page, $paged; wp_title( '|', true, 'right' ); // Add the blog name. bloginfo( 'name' ); // Add the blog description for the home/front page. $site_description = get_bloginfo( 'description', 'display' ); if ( $site_description && ( is_home() || is_front_page() ) ) echo " | $site_description"; // Add a page number if necessary: if ( $paged >= 2 || $page >= 2 ) echo ' | ' . sprintf( __( 'Page %s', 'twentyeleven' ), max( $paged, $page ) ); ?> </title> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( function() { $( "#dialog" ).dialog(); } ); </script> <link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/template/favicon.ico" type="image/x-icon" /> <!-- Fancybox --> <?php include(TEMPLATEPATH . '/fancybox/lib/fancyincludes.php'); ?> <!-- Nicescroll --> <script src="<?php bloginfo('template_directory'); ?>/nicescroll/jquery.nicescroll.js"></script> <!-- Masonry --> <script src="<?php bloginfo('template_directory'); ?>/isotope/isotope.pkgd.js"></script> <!-- PARALLAX --> <script src="<?php bloginfo('template_directory'); ?>/parallax/parallax.js"></script> <script src="<?php bloginfo('template_directory'); ?>/popup/jquery.modal.min.js"></script> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" /> <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/popup/jquery.modal.min.css" type="text/css" /> <script> $(window).load(function() { <!---- MASONRY ---> var $container = $('.grid'); // initialize $container.isotope({ itemSelector: '.grid-item', layoutMode: 'fitRows' }); <!---- MASONRY ---> }); $(window).scroll( function(){ /* Check the location of each desired element */ $('.show').each( function(i){ var bottom_of_object = $(this).offset().top + $(this).outerHeight(); var bottom_of_window = $(window).scrollTop() + $(window).height()+100; /* If the object is completely visible in the window, fade it in */ if( bottom_of_window > bottom_of_object ){ $(this).animate({'opacity':'1'},300); } }); }); $(window).on('load resize', function () { if ($(window).width() >= 1000){ $("#menu-top").removeClass(); $("#menu-top").addClass("desktop"); }else{ $("#menu-top").removeClass(); $("#menu-top").addClass("touch"); $("#menu-top.touch .menu-item-has-children a").addClass("primer-boton").css('cursor','pointer'); $("#menu-top.touch .sub-menu a").removeClass(); $("#menu-top.touch .primer-boton").removeAttr("href"); $('#menu-top.touch .menu-item-has-children > .sub-menu').parent().click(function() { var submenu = $(this).children('.sub-menu'); if ( $(submenu).is(':hidden') ) { $(submenu).slideDown(200); } else { $(submenu).slideUp(200); } }); } }); <!---- NICESCROLL ---> var nice = false; $(document).ready( function() { nice = $("html").niceScroll(); } ); <!---- NICESCROLL ---> <!---- MENU ---> $(document).ready(function(){ $("#nav-mobile-hold").click(function(){ $("#menu-top").slideToggle(); $("#nav-mobile").toggleClass('active'); }); }); <!---- MENU ---> jQuery(document).ready(function($) { $('#post-content a[href$="jpg"], #post-content a[href$="png"], #post-content a[href$="jpeg"]').fancybox(); }); </script> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( function() { $( "#dialog" ).dialog(); } ); </script> </head> <body> <div id="dialog" title="Basic dialog"> <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> </div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-45413975-1', 'auto'); ga('send', 'pageview'); </script> <script> window.fbAsyncInit = function() { FB.init({ appId : '570150036476648', xfbml : true, version : 'v2.5' }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <?php include('includes/preload.php'); ?> <div id="header"> <div id="menu-top" class="menu-top"> <?php wp_nav_menu( array( 'theme_location' => 'menu_sup', 'menu_class' => 'primary', 'fallback_cb' => '') ); ?> </div> <div class="barra-menu"> <div id="nav-mobile-hold"> <div class="texto">menu</div> <div id="nav-mobile"> <span class="ln-one"></span> <span class="ln-two"></span> <span class="ln-three"></span> </div> </div> <a href="<?php echo get_settings('home'); ?>"><img id="logo-top" src="<?php bloginfo('template_directory'); ?>/template/logo-top.svg"></a> <div id="redes-top"> <div id="searchbox" > <form class="search" method="get" action="<?php echo home_url(); ?>" role="search"> <input type="search" class="search-field" placeholder="<?php echo esc_attr_x( 'Buscar…', 'placeholder' ) ?>" value="<?php echo get_search_query() ?>" name="s" title="<?php echo esc_attr_x( 'Search for:', 'label' ) ?>" /> <button type="submit" role="button" class="btn btn-default right"/><span class="glyphicon glyphicon-search white">></span></button> </form> </div> <a href="https://www.facebook.com/Endeavor-Chile-343478338971/?fref=ts" target="_blank"><img id="facebook-top" class="boton" src="<?php bloginfo('template_directory'); ?>/template/iconos/facebook-blanco.svg"></a> <a href="https://twitter.com/endeavorchile" target="_blank"><img id="twitter-top" class="boton" src="<?php bloginfo('template_directory'); ?>/template/iconos/twitter-blanco.svg"></a> <a href="https://www.youtube.com/user/endeavorCL" target="_blank"><img id="youtube-top" class="boton" src="<?php bloginfo('template_directory'); ?>/template/iconos/youtube-blanco.svg"></a> <a href="https://cl.linkedin.com/in/endeavorchile" target="_blank"><img id="linkedin-top" class="boton" src="<?php bloginfo('template_directory'); ?>/template/iconos/linkedin-blanco.svg"></a> </div> </div> <?php include('includes/prox-evento.php'); ?> </div> <div id="dialog" title="Basic dialog"> <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> </div>
-
Hi, I wanted to create a popup/modal window on my blogger website landing page. This would be a disclaimer and on agreeing users can access the webpage (www.atriumjuris.ga). Can anyone please help!?
-
Let's pretend, there's a <div> on a page. There's a usual HTML form inside it that sends information to another php-file. By default, the visibility of the div is hidden, and the click on the button makes it visible. The question is how to close the form (i.e. hide the div) using a button or <a> element on the div, WITHOUT the sending data to php-file. In other words, how to close this <div> as if it is usual popup-window, without changes?
-
I am struggling from past 2 hours .Tried : location.reload(); reset form many features but after i close my popup and when reopen or open some another id ..my previous id data is still seen there and its continuous for all id. style : #overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index: 100; display: none; } .content a{ text-decoration: none; } .popup{ width: 100%; margin: 0 auto; display: none; position: fixed; z-index: 101; } .content{ min-width: 800px; width: 900px; min-height: 150px; margin: 0px auto; background: #f3f3f3; position: relative; z-index: 103; padding: 10px; border-radius: 5px; box-shadow: 0 2px 5px #000; } .content p{ clear: both; color: #555555; text-align: justify; } .content p a{ color: #d91900; font-weight: bold; } .content .x{ float: right; height: 35px; left: 22px; position: relative; top: -25px; width: 34px; } .content .x:hover{ cursor: pointer; } Jquery / ajax :Below is my popup box + ajax to fetch and show record under Input field $('#class').on('click delegate mouseenter', 'a', function (e) { var data = dt.row( $(this).parents('tr') ).data(); var valuea = data[1]; $(function(){ e.preventDefault(); var table = $('#class').DataTable(); var overlay = $('<div id="overlay"></div>'); $('.close').click(function(){ $('.popup').hide(); overlay.appendTo(document.body).remove(); location.reload(); resetForms(); $("span.ajax_loader").hide(); // success var pathlaser = "server_processing_laser.php"; tablel.clear(); tablel.draw(); tablel.ajax.url(pathlaser).load(); return false; }); $('.xclose').click(function(){ $('.popup').hide(); overlay.appendTo(document.body).remove(); location.reload(); resetForms(); $("span.ajax_loader").hide(); // success var pathlaser = "server_processing_laser.php"; tablel.clear(); tablel.draw(); tablel.ajax.url(pathlaser).load(); return false; }); // POPUP BOX $('.click_'+data[0]+'').click(function(e){e.preventDefault(); overlay.show(); overlay.appendTo(document.body); $('.popup').show(); $("div.note_msg").hide(); $('.popup .id').val(valuea); // FETCHING DATA TO SHOW $.ajax({ type:"GET", url:"fetchrecord.php", data:{ valuea:valuea, }, async: false, success:function(html){ $("#display").after(html); } }); return false; }); }); }); }); **below is popup code :** <div class='popup'> <div class='content'> <a href='' class="xclose"><img src='../datatables/media/images/close.png' alt='quit' class='x' id='x' /> </a> <p> <form method="post" action="" id="feedback_form"> <div class="langtrx_fr" align="center"> <table align="center"> <div id="display"></div> </table> </div> </form> <span class="ajax_loader"></span> <table align="center"><tr><td> <a href='' class='close'><strong>Close</strong></a> </td></tr> </table> </p> </div> </div> fetchrecord.php $valuepktid = $_REQUEST['valuea']; $sql = "SELECT stoneone,stonetwo,stone3,loss FROM stone WHERE pid = ".db_escape($valuepktid)." GROUP BY id"; $resultpkt = mysqli_query($db,$sql); $abpkt = mysqli_fetch_array($resultpkt); ?> <?php header('Pragma: no-cache', true); header("Cache-Control: no-store, no-cache, must-revalidate", true); ?> <tr> <td class="label">Stone 1 :</td> <td class="form"> <input name="stoneone" id="stoneone" readonly value="<?php echo $abpkt['stoneone'];?>" class="stoneone" autocomplete="off" type="number"/> </td> </tr> <tr> <td class="label">Stone 2 :</td> <td class="form"><input name="stonetwo" readonly value="<?php echo $abpkt['stonetwo'];?>" class="stonetwo" autocomplete="off" type="number" /></td> </tr> <tr> <td class="label">Loss :</td> <td class="form"><input name="loss" readonly value="<?php echo $abpkt['loss'];?>" class="loss" value="" autocomplete="off" type="number" /></td> </tr> All is working fine.. i mean i am getting databut when i close and open any other ID , then popup show me above tr/td data twice.means the latest data and the old one which i closed.i tried reload of page so that i get fresh data, but some time its showing me proper data and some time multiple with old one.I think its something related to cache of DIV. which remain as its after close of popup.**popup link :** http://stackoverflow.com/questions/24902935/jquery-datatables-jquery-popup-box-not-working-under-function-php-mysqlany idea please help
-
Salam or Hi @ All, I'm be dive in a problem which is making the rectangular callout with the help of the css and display '00:00' text in it. Here's my code to do it. <!DOCTYPE html> <html> <head> <title> Rectangular Callout </title> <style> #rectangle { background:#000; color:#fff; position:relative; display:inline-block; margin:10px 10px 0 10px; padding:0; height:20px; width:75px; z-index:9999; } #callout { background:#000; color:#000; display:inline-block; position:relative; margin:0; padding:0; width:9px; height:7px; left:35px; top:-14px; font-size:16pt; } </style> <body> <div id="rectangle" > </div> <br /> <div id="callout" > ▼ </div> </body> </html> That's works fine, but I'll be think this is not the best way to do it. Let tell me how to do it with the css sibling or even more efficient way. Help is appreciated.
-
Hi All, I'm running a website i.e. http://homepageforu.webs.com/, its running good, its a simple website with HTML & CSS, I like to add one signup page/image, which fades all the background icons, until n unless, either visitor subscribe to my website, or click cancel on that signup page (this page is also unblockable i.e. doesn't blocked by pop-up blocker) & in either condition, he/she can visit my website, but if he goes for sign up, than that page should be open in a new window. i've seen this in many websites specially with online shopping or coupons website, like "http://www.shopclues.com/mobiles/mobile-phones.html", the same signup page, when this website opens. Thanks in Advance Ashish
-
Hey guys. I need a little help. I am working on a site that is requiring me to do something a little fancier then i know how to do. let me explain. When my web admin is loged in to there is and they are editing a page (say there home page) and they want to add content to there home page. They would do the following. (see picture attachment as well.) Click the Add content div (div with a + symbol in it) A Pop up comes up asking them what kind of content would you like to add. (text, picture. html) User selects a option (text for this example) the popup window now changes to a forum input box (meaning the popup never closes just the content in the pop changes from option select to data input). once the user has entered there data they click submit the data is then added to the db and the popup closes and the user is brought back to there page they were working on which has the new content added to the page. I would think this would have something to do with Jquerry or does php handle this? Like i said this is all new to me and im trying to learn how to do this. I would like to use PHP, jquerry, mysql and javascript my server does not support asp. Any help would be greatly appreciated! PS: sorry if i posted this in the wrong section, this just seamed like the best fit.
-
I create a delete button and want it to display a confirming box when a user click the delete button...Can you tell me how to do this ?
-
Hello,I'm coding in HTML,CSS & PHP.How do i code a popup like the ones on this forum? for example sending a private message?
