Jump to content

slj90

Members
  • Posts

    182
  • Joined

  • Last visited

Everything posted by slj90

  1. Could someone please point me in the right direction on how to change the tick to white? *{ box-sizing: border-box; user-select: none; } html, body{ margin: 0; height: 100%; } body{ display: flex; background: #fff; justify-content: center; align-items: center; font: 24px/1.4 "RobotoDraft", sans-serif; color: #fff; } section{ display: flex; flex-direction: column; padding: 0.5em; } input[type='checkbox']{ height: 0; width: 0; } /* Font color */ input[type='checkbox'] + label{ position: relative; display: flex; margin: .6em 0; align-items: center; color: #025800; transition: color 250ms cubic-bezier(.4,.0,.23,1); } input[type='checkbox'] + label > ins{ position: absolute; display: block; bottom: 0; left: 2em; height: 0; width: 100%; overflow: hidden; text-decoration: none; transition: height 300ms cubic-bezier(.4,.0,.23,1); } /* Checked text */ input[type='checkbox'] + label > ins > i{ position: absolute; bottom: 0; font-style: normal; color: #000; } /* Checkbox border */ input[type='checkbox'] + label > span{ display: flex; justify-content: center; align-items: center; margin-right: 1em; width: 1em; height: 1em; background: transparent; border: 2px solid #0094e9; border-radius: 4px; cursor: pointer; transition: all 250ms cubic-bezier(.4,.0,.23,1); } input[type='checkbox'] + label:hover, input[type='checkbox']:focus + label{ color: #000; } input[type='checkbox'] + label:hover > span, input[type='checkbox']:focus + label > span{ background: rgba(255,255,255,.1); } input[type='checkbox']:checked + label > ins{ height: 100%; } input[type='checkbox']:checked + label > span{ border: .5em solid #0094e9; animation: shrink-bounce 200ms cubic-bezier(.4,.0,.23,1); } input[type='checkbox']:checked + label > span:before{ content: ""; position: absolute; top: .6em; left: .2em; border-right: 3px solid transparent; border-bottom: 3px solid transparent; transform: rotate(45deg); transform-origin: 0% 100%; animation: checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards; } @keyframes shrink-bounce{ 0%{ transform: scale(1); } 33%{ transform: scale(.85); } 100%{ transform: scale(1); } } @keyframes checkbox-check{ 0%{ width: 0; height: 0; border-color: #212121; transform: translate3d(0,0,0) rotate(45deg); } 33%{ width: .2em; height: 0; transform: translate3d(0,0,0) rotate(45deg); } 100%{ width: .2em; height: .5em; border-color: #212121; transform: translate3d(0,-.5em,0) rotate(45deg); } } https://codepen.io/simeonj/pen/povYxox Thanks in advance.
  2. I have a query that searches a single column SELECT * FROM allmovies WHERE MATCH (all_title) AGAINST ('shrek' IN NATURAL LANGUAGE MODE); However, I want to be able to search multiple columns SELECT * FROM allmovies WHERE MATCH (all_title, all_tags, all_directors) AGAINST ('speilberg' IN NATURAL LANGUAGE MODE); But that receives the error #1191 - Can't find FULLTEXT index matching the column list It works when searching each column individually, like above. What is wrong with my query? Thanks,
  3. I am using the following code to load mysql data: <div id="station_data" style="width:100%"></div> and $(document).ready(function(){ loadstation(); }); function loadstation(){ $("#station_data").load("http://website.co.uk/celebs/loadstation.php"); setTimeout(loadstation, 1000); } This works fine on my PC on multiple pages, however when testing on my iPhone and iPad it works on one page, but the exact same code doesn't work on another page. Whilst trying to get it to work I made an exact copy of the working page with a different name and it doesn't work, even though the code is exactly the same. Could it be something to do with the cache? I have tried adding a random number at the end of the URL function loadstation(){ newrnd = Math.random(); the_url = "http://website.co.uk/celebs/loadstation.php?s=" + newrnd; $("#station_data").load(the_url); setTimeout(loadstation, 1000); } I have added PHP headers header("Cache-Control: no-cache"); header("Pragma: no-cache"); And also tried turning the cache off $.ajaxSetup ({ // Disable caching of AJAX responses cache: false }); I don't understand why the same code is working on one page but not another? This problem is only on iPhone/iPad. Changing the url to just ./loadstation.php got it working
  4. $username = "user1"; $result = single_row_prepared($username); echo $username . " - " . $country . " - " . $about . " - " . $age; It says the variables are undefined. How do I echo them out? function single_row_prepared($username) { global $connect; $sql = "SELECT profile_username, profile_country, profile_about, profile_age "; $sql .= "FROM profiles "; $sql .= "WHERE profile_username = ?"; $stmt = mysqli_prepare($connect, $sql); mysqli_stmt_bind_param($stmt, 's', $username); mysqli_stmt_execute($stmt); mysqli_stmt_bind_result($stmt, $username, $country, $about, $age); mysqli_stmt_fetch($stmt); mysqli_stmt_close($stmt); } [06-Dec-2017 08:19:54 UTC] PHP Notice: Undefined variable: country in /home/buysnapchats/public_html/examples/prepared_statement_single_row.php on line 13 [06-Dec-2017 08:19:54 UTC] PHP Notice: Undefined variable: about in /home/buysnapchats/public_html/examples/prepared_statement_single_row.php on line 13 [06-Dec-2017 08:19:54 UTC] PHP Notice: Undefined variable: age in /home/buysnapchats/public_html/examples/prepared_statement_single_row.php on line 13
  5. Say I had a website which uses GET to gather an ID from the URL. This ID is then used to retrieve data for page, such as the title, description and other page contents. Will Google still be able to find and display these pages in search results when the base page has no content? Do I need to do anything imparticular for Google and other search engines to be able to find these pages? If its not possible are there any solutions to this other than each page being its own unique page/file? Thanks,
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.