Jump to content

Search the Community

Showing results for tags 'popup'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Calendars

  • Community Calendar

Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 12 results

  1. Popup in Wordpress site

    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>
  2. modal/popup window

    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!?
  3. <div> visibility

    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?
  4. Help

    hey i wanted to ask how to make a ad pop up on thwe side of page like there will be a box showing ad but a man who visits will click hide and it will collapse any idea how to do it i am using word press
  5. 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
  6. making rectangular callout

    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.
  7. popup signup help required

    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
  8. Programming help! popup

    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.
  9. How to make a popup box

    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 ?
  10. How to code a popup

    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?
  11. Hello internet.Here is my problem...I have a ton of "if...else if" statments in a javascript function. Once all those requirements have been met I would like to send the user a popup box to confirm if they want to submit the form. IT IS NOT WORKING FOR ME.I am trying to incorperate the following style of pop-up but it is not working. My function either skips right over this and sends the form to my PHP file for processing without this final check or nothing works at all. PLEASE HELP. function show_confirm(){var r=confirm("Press a button");if (r==true) { alert("You pressed OK!"); }else { alert("You pressed Cancel!"); }}
  12. Hi I have continued a second page with a Popup Generator now (http://dl.dropbox.co...Untitled-2.html) but have come across a problem. I get no error but the link just won't open. Short Code: <!DOCTYPE html><head><script>/*Functions*/function editLink(){var lText= document.getElementById('linkText');var lURL= document.getElementById('linkURL');var lUL= lUL_value();var popH= document.getElementById('popH');var popW= document.getElementById('popW');var taValue= document.getElementById('taHTMLoutput');function lUL_value(){if (document.getElementById('uLine_yes').checked){ return "text-decoration:underline;";} else if (document.getElementById('uLine_no').checked){ return "text-decoration:none;";};};function changeHTML(){return "<a onClick="window.open("" + lURL.value + "","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=" + popW.value + ", height=" + popH.value + "");" style="" + lUL + "">" + lText.value + "</a>";};taValue.value= changeHTML();document.getElementById('outputP').innerHTML= "<a onClick="window.open("" + lURL.value + "","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=" + popW.value + ", height=" + popH.value + "");" style="" + lUL + "">" + lText.value + "</a>";}</script></head> <body><div id="uberContainer"><table width="100%"><tbody><tr><td><div id="mainContainer"><table align="center"><tr><td><form id="form1" onsubmit="return false;" style="border:1; border:#666"><legend><h3>Popup Details</h3></legend><div id="formContainer"><table><tr><td><label for="linkText">Link Text</label></td><td><input class="inputRight" id="linkText" autofocus="autofocus" placeholder="Mel Jones Photography Ltd." required size="40" type="text" autocomplete="on" /></td></tr> <tr><td><label for="linkURL">Link URL</label></td><td><input type="url" required class="inputRight" id="linkURL" placeholder="http://meljones.info/" autocomplete="on" size="40" /></td></tr><tr><td><label for="uLine">Underline</label></td><td><input id="uLine_yes" type="radio" name="uLine" value="yes" /> Yes <input id="uLine_no" type="radio" name="uLine" value="no" /> No</td></tr><tr><td><label for"linkCol">Colour</label></td><td><input id="linkCol" type="color" disabled /></td><tr><td><label for"popH">Height</label></td><td><input id="popH" placeholder="400" value="400" required type="number" /></td></tr><tr><td><label for"popW">Width</label></td><td><input id="popW" placeholder="600" value="600" required type="number" /></td></tr><tr><td></td><td><button onclick="editLink();">Amend Link!</button></tr></table></div></form></td><td><table><tr><td><h3>Output: </h3></td><td><p id="outputP"></p></td></tr><tr><td>HTML:</td><td><form id="formHTMLoutput"><textarea onClick="select_content('taHTMLoutput');" value="" id="taHTMLoutput"readonly placeholder="The HTML code for the Popup will appear here!"></textarea></form></td></tr></table></td></tr></table></div></td><td width="250px"></td></tr></tbody></table></div></body></html> Thanks
×