dsonesuk

Members
  • Content count

    8,428
  • Joined

  • Last visited

  • Days Won

    218

dsonesuk last won the day on March 22

dsonesuk had the most liked content!

Community Reputation

607 Excellent

1 Follower

About dsonesuk

  • Rank
    w3schools Guru
  • Birthday July 15

Contact Methods

  • ICQ
    0

Profile Information

  • Gender

Recent Profile Visitors

72,981 profile views
  1. Then the idea is to transfer the two options supplied, in such a way it will work with w3css framework navigation bar. Both target specific elements and classes or id references, you just have to make sure they target w3css classes or id.
  2. I just can't believe someone would actually post this as topic here!
  3. Perhaps transition and slideshow swap are not set in sync, and what has slideshow got to do with email?
  4. Run, man run, and never look back, withdraw all money as cash, destroy cards and phone and run.
  5. This might be over kill, when you can simply add padding to link on left. Wrap in span, span is inline like anchor link <span>Seca 674<a href="http://69.89.27.208/~balands8/seca-674/" target="_blank">Information</a></span> then use span a:before {content: ""; padding-left: 1ex;} using &nbsp; before anchor text means this will have underline.
  6. Perpetual loop would continue until condition met, problem is no other coding would be processed until that condition is meet. A user sends request to web server, the web server processes server script language and returns result, that won't happen here it would continue to process until condition met, but max execution time would run out by then and would be exiting out with error message explaining why, 'max_execution time exceeded'. You might be able to use ajax using js setInterval() to run php script to compare time to current, and if equals or exceeds run scheduled task, but that could cause slowness in website with js always running in backgrond.
  7. http://w3schools.invisionzone.com/index.php?/topic/56575-how-to-place-a-menu-in-the-center-of-a-row/#comment-311219
  8. If you have set up php email correctly, by changing to variable for 'to' OR first parameter of mail() (if you are using mail()) to your email address, it will do exactly that. It requires you to create email code in php in functions.php file or by using plugin though.
  9. Yes! but wordpress will be using its own styling, and maybe bootstrap css framework, which means these will be applying there own styling design of form and inputs, which will be combined along with the styling used in previous post. .container is a class used multiple times within a page (header, main content, footer), media queries use it to define a specific width for devices greater than mobile or tablet. by adding background colour to this class you will indeed have the whole page change to the colour you specified, because it is not specific to the form exclusively. Add a inner div with custom class, and apply styling to that instead.
  10. Had to make slight change, correct invalid html, which you should validate at https://validator.w3.org/ before posting <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" id="viewport" content="target-densitydpi=high-dpi,initial-scale=1.0" /> <title>Document Title</title> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> <style type="text/css"> #mydropdown option:hover { background: #c8c8c8; } #mydropdown option { padding: 5px; } .mydivs1 { display: none; } br { display: block; content: ""; margin-top: 5px; } .mydivs1 { border: 1px solid black; padding: 5px; height: 211px; width: 172px; margin-left: 5px; background-color: #ff8080; } .mydivs2 { border: 1px solid black; padding: 5px; height: 199px; width: 35px; float: left; background-color: #b3e6b3; } .mydivs3 { border: 1px solid black; height: 199px; width: 103px; margin-left: 52px; padding-left: 10px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; background-color: #cce6ff; } </style> </head> <body> <input type="text" id="mytextbox" placeholder="Search Foods"> <p></p> <select id="mydropdown" multiple="multiple"> <option value="optionx_Fruits">Fruits</option> <option value="optionx_Vegetables">Vegetables</option> <option value="optionx_Nuts">Nuts</option> <option value="optionx_Meats">Meats</option> </select> <p></p> Results: <p></p> <div id="results"> <div class="mydivs1" id="optionx_Fruits"> <!--match="optionx Fruits"--> <div class="mydivs2"> <button class="button1">X</button> <p style="clear:both"></p> <button class="button2">C</button> </div> <div class="mydivs3"> <span class="myspan1">Fruits</span> <p></p> <span class="myspan2">1:</span> <br> <span class="myspan3">Avocados</span> <p></p> <span class="myspan2">2:</span> <br> <span class="myspan3">Blackberries</span> <p></p> <span class="myspan2">3:</span> <BR> <span class="myspan3">Raspberries</span> </div> <p></p> </div> <p></p> <div class="mydivs1" id="optionx_Vegetables"> <!--match="optionx Vegetables"--> <div class="mydivs2"> <button class="button1">X</button> <p style="clear:both"></p> <button class="button2">C</button> </div> <div class="mydivs3"> <span class="myspan1">Vegetables</span> <p></p> <span class="myspan2">1:</span> <br> <span class="myspan3">Beets</span> <p></p> <span class="myspan2">2:</span> <br> <span class="myspan3">Eggplants</span> <p></p> <span class="myspan2">3:</span> <BR> <span class="myspan3">Spinach</span> </div> <p></p> </div> <p></p> <div class="mydivs1" id="optionx_Nuts"> <!--match="optionx Nuts"--> <div class="mydivs2"> <button class="button1">X</button> <p style="clear:both"></p> <button class="button2">C</button> </div> <div class="mydivs3"> <span class="myspan1">Nuts</span> <p></p> <span class="myspan2">1:</span> <br> <span class="myspan3">Almonds</span> <p></p> <span class="myspan2">2:</span> <br> <span class="myspan3">Pecans</span> <p></p> <span class="myspan2">3:</span> <BR> <span class="myspan3">Walnuts</span> </div> <p></p> </div> <p></p> <div class="mydivs1" id="optionx_Meats"><!--match="optionx Meats"--> <div class="mydivs2"> <button class="button1">X</button> <p style="clear:both"></p> <button class="button2">C</button> </div> <div class="mydivs3"> <span class="myspan1">Meats</span> <p></p> <span class="myspan2">1:</span> <br> <span class="myspan3">Chicken</span> <p></p> <span class="myspan2">2:</span> <br> <span class="myspan3">Fish</span> <p></p> <span class="myspan2">3:</span> <BR> <span class="myspan3">Turkey</span> </div> <p></p> </div> </div> <p></p> <!-- Original script --> <script type="text/javascript"> /* jQuery.fn.filterByText = function(mytextbox) { return this.each(function() { var select = this; var options = []; $(mydropdown).find('option').each(function() { options.push({ value: $(this).val(), text: $(this).text() }); }); $(mydropdown).data('options', options); $(mytextbox).bind('change keyup', function() { var options = $(mydropdown).empty().data('options'); var search = $.trim($(this).val().replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&")); var regex = new RegExp(search, "gi"); $.each(options, function(i) { var option = options[i]; if (option.text.match(regex) !== null) { $(mydropdown).append( $('<option>').text(option.text).val(option.value) ); } }); }); }); }; $(function() { $('#mydropdown').filterByText($('#mytextbox'), true); });*/ /* $(document).ready(function() { function exists(elemt, arr) { return (jQuery.inArray(elemt, arr) > -1); } $('#mydropdown').change(function() { var $selected = $(this).val(); $('.mydivs1').each(function() { $(this).toggle()[ (exists($(this).attr('match'), $selected)) ? 'show' : 'hide'](); }); }); });*/ </script> <!--NEW Script --> <script> var SelOrderArray = []; $('#mydropdown').on('change keyup', function() { $('.mydivs1').hide(); var $selected = $(this).val(); if ($selected.length > 0) { $.each($selected, function(i) { //loop through selected possible multiple selected options if (SelOrderArray.indexOf($selected[i]) === -1) { //if current looped through $selected value not in array then add to array SelOrderArray.push($selected[i]); } }); } else { SelOrderArray.push($selected[i]); } // loop through ordered array of slected options $.each(SelOrderArray, function(i) { //clone element with specific id to temp storage variable var TmpDivClone = $("#" + SelOrderArray[i]).clone(); //remove current existing element with specific id $("#" + SelOrderArray[i]).remove(); // prepend temp cloned element to div #result wrapping mydiv1 elements so prepending remains below dropdown and show TmpDivClone.prependTo('#results').show(); }); }); </script> </body> </html>
  11. Perhaps you have edit them to apply specific class name, for the specific CSS framework it is using, an image is pretty much useless to us without seeing the actual css styling applied.
  12. You probably have misplaced opening closing div, but you have set the background-color of wrapping container to #96BADD, ans also has border-radius, so any child element not using a background-color of its own will have the background-color of wrapping div. The outer border is a mystery, and the width shows as smaller unable to accommodate two columns of inputs, which again suggests misplaced element tag, or styling is affected by already present styling somewhere else.
  13. That's is where CSS comes in, in either img {width: 100%;} OR img {max-width: 100%;}
  14. Do not use height: with fixed unit height, either use percentage, for height OR another option bottom: property.
  15. Yes! but you will just be using an alternative server script language to do exactly what php cron does. OR set scheduled times on phone/tablet as alarms and do them manually