Jump to content

slj90

Members
  • Posts

    182
  • Joined

  • Last visited

Profile Information

  • Gender
    Not Telling

slj90's Achievements

Advanced Member

Advanced Member (4/5)

0

Reputation

  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. Hello, The user enters a 4 digit number as a date. Some examples: 0101 = 1st January 1902 = 19th Feb 2412 = 24th December Is there a way I can perform an if function to tell if the number isn't a date? For exampe if the user enters the number e.g 0001, 4112, 0199? I already make sure that it is a 4 digit number and not over 3112. Thanks,
  4. Hello, Here is the structure of my website: website.com/events/page1?date=1224 website.com/events/page2?date=0101 website.com/events/page3?date=1105 There are lots of different pages all of which I would like to use the $_Get 'date' on. I want to rewrite the URL using htaccess so that they can be loaded like this: website.com/events/page1/1224 website.com/events/page2/0101 website.comevents/page3/1105 Is this possible without having to create a separate rule for each page? Thanks in advance!
  5. function DeleteItemByID(elm) { var deleteid = elm.id; $.post('../action/deleteitem.php',{item:deleteid},function(e){ deleteidalpha = deleteid.replace(/\D/g,''); var itemdiv = "#itemdiv" + deleteidalpha $(itemdiv).hide(); }); } The above code works fine in chrome and firefox but doesn't work properly in IE. In IE it only hides itemdiv but doesn't send the data to the php file. What do I need to change for IE compatibility? Thanks,
  6. There are 2 parts to my question. Firstly, To view a users profile on my site you can type this: www.website.com/username I now want to do the same thing with the gallery page. Like this: www.website.com/gallery/username My question is, do I need to put the gallery.php page in a folder called 'gallery' or do I just need to have the gallery.php page in the htdocs main folder? My .htaccess currently reads RewriteCond %{REQUEST_FILENAME}\.php -f RewriteRule ^(.*)$ $1.php RewriteRule ^([a-zA-Z0-9_-]+)$ profile.php?username=$1 RewriteRule ^([a-zA-Z0-9_-]+)/$ profile.php?username=$1 What do I need to add to it so that gallery works too? Thanks
  7. I am using the following code to save an image if($_SERVER['REQUEST_METHOD'] == "POST") { // location to save cropped image $url = 'saved12223.jpg'; // remove the base64 part $base64 = base64_decode(preg_replace('#^data:image/[^;]+;base64,#', '', $_POST['string'])); // create image $source = imagecreatefromstring($base64); // save image imagejpeg($source, $url, 100); } But how can I resize the width and height before saving the image. I'm not sure if I should be resizing the source or the string? Please could someone point me in the right direction. Thanks,
  8. Trying to combine 2 vars and use them as an ID.. var x = "#inputList"; var y = 2; $(add_button).click(function(e){ e.preventDefault(); alert([x+y]); $([x+y]).css('display', 'inline'); y = y + 1; The alert displays #inputList2 but the line below doesn't work. Any ideas? Thanks
  9. I solved it by adding a width/height to the class
  10. On my page I have a vertical range selector. However, the button above where the range selector is don't work properly. It's almost as if the range selector is for some reason over the button and therefore making it unclickable. It's weird because about 1/4 of the button works properly but when it gets to the part that is inline with the range it doesn't function.. I tried using z-index with no luck. I am using the following to rotate it... The image is also rotated .v { transform: rotate(-90deg); } .v img { transform: rotate(90deg); } Any ideas? I have attached a picture to help explain Thanks
  11. I'm using PHP to echo out a button within a loop along with other data. ... <input id="delete' . $row[item_generated_id] . '" type="button" class="btn btn-danger" value="Delete" onclick="DeleteItemByID()"'; echo '">... I then want the function to alert the buttons ID... function DeleteItemByID() { var deleteid = $(this).attr('id'); alert(deleteid); } However, it is currently only alerting 'undefined'. What's wrong? Having the button alert it's ID is obviously not my final objective but it will help me. Thanks!
  12. Maybe this will help you http://jsfiddle.net/qrn0p43k/ This line gets the column number of the cell that was clicked... var column_num = parseInt( $(this).index() ) + 1; And this line tells the css which column to change table th:nth-child(" + column_num + "), table td:nth-child(" + column_num + ") This line changes the css $(code).addClass('pink');
  13. I have managed to solved this, here is how. $('#pos').on('change', function() { var topleft = "topleft"; var option = $(this).find('option:selected').val(); if(option == topleft){ alert("Top Left") } });
  14. I'm not sure exactly what you mean but I have jjust changed to alert( this.val ); Which alerts "undefined", which is why it isn't working. When the user selects the "Top Left" option I want the function to run. 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.