List Code

Showing page 0 of 10 in latest. Total Items: 517
A Collection of Code
php
get current url with php
...

this checks is $_SERVER['HTTPS'] is set and $_SERVER['HTTP_HOST'] $_SERVER['REQUEST_URI'] to construct the current url

11:54 am, April 21, 2021
javascript
Slick Slider Carousel with Fade Transition
...

here is a working example of slick carousel with a fade transition between elements rather than a slide transition

5:01 am, April 21, 2021
php
list a functions variables or arguments
...

i think this has to be used within the function to get its arguments, i have not tested this one yet.

12:12 am, April 21, 2021
css
pre-line white space settings
...

this preserves line spacing but also wrapping as well

3:41 am, April 20, 2021
css
pre-wrap preserve line spacing but also wrap where needed
...

a class to pre-wrap your line text this preserves line spacing but also wraps the text if the line goes out of its limit

3:38 am, April 20, 2021
php
php list all the functions in a class
...

this should return in an array the methods or functions for a class

3:27 am, April 20, 2021
php
php print an array nicely
...

this works for variables and arrays

3:14 am, April 20, 2021
php
add a toast alert when logging in with half moon
...

example of adding a document dom ready wait and then the script that launches a new toast message just adapting a php cms using halfmoon as the ui, its quite nice.  a bit bright in non dark mod..

6:19 am, April 7, 2021
php
dont use md5 for password hashing using password_hash and password_verify
...

apparently md5 is not the best method for password hashing, you should use the php functions  password_hash(); and then  password_verify(); to verify the hash matches PHP password_hash..

5:09 am, April 7, 2021
apps
change photoshop to show px rather than pt
...

if your photoshop is showing pt when you select font sizes, you can change this in the settings.  in the Edit menu go into Preferences and then Units and Rulers then you can change both uni..

2:11 am, April 7, 2021
javascript
clear a input field when it looses focus using onblur
...

this will cause the input field to clear when it is not in focus

10:56 pm, April 6, 2021
html
a page with two images
...

a page with two images for testing

7:03 am, April 4, 2021
python
python extract images into an array from a url
...

this should extract all images from a url into an array using python python from bs4 import BeautifulSoupfrom urllib.request import urlopenurl = "https://www.kruxor.com/view/code/LOveX/"page = urlop..

6:56 am, April 4, 2021
python
python url to text with beautiful soup
...

python using beautiful soup to convert a url into text Python from bs4 import BeautifulSoupfrom urllib.request import urlopenurl = "https://kruxor.com"page = urlopen(url)html = page.read().decode("u..

2:08 am, April 4, 2021
python
python Install Beautiful Soup
...

this allows you to install the Beautiful Soup library for python which is used for html parsing BASH python3 -m pip install beautifulsoup4 python3 -m pip show beautifulsoup4 if you get an error say..

1:38 am, April 4, 2021
python
python extract title tag from url and html using regex
...

this will extract the title tag as text from the url and the title tag in the following python script Python import refrom urllib.request import urlopenurl = "http://olympus.realpython.org/profiles/..

1:30 am, April 4, 2021
python
python import and print url
...

here is an example script that imports html from a url and prints it add it to a .py file and then run it with python3 filename.py Python from urllib.request import urlopenurl = "http://olympus.rea..

1:11 am, April 4, 2021
php
php basic page router
...

this php page router while pretty basic does the job for this site. it takes all the query string and splits it with the / into $p variables you will also need the following nginx or similar page rew..

12:29 am, April 4, 2021
git
git pull changes from a repository
...

use this to pull from an existing git repo into a new directory

1:27 am, April 3, 2021
git
commit and push changes to git repo
...

run this to add all files in current directory to repo and push the changes to git git add * git commit git push

1:26 am, April 3, 2021
linux
start ssh and add key git
...

i usually add this to a .sh file and make it +x to run ssh agent and add the github key bash eval "$(ssh-agent -s)"ssh-add ~/.ssh/github

1:24 am, April 3, 2021
linux
play youtube videos on firefox in ubuntu 18
...

sudo apt install libavcodec-extra also checked that firefox was able to pla drm video

5:06 am, April 2, 2021
css
css double page document preview with shadow
...

two div elements that look like blank documents with drop shadows

11:55 pm, March 30, 2021
wordpress
wordpress category list sorting custom
...

4:44 am, March 30, 2021
css
adding a background image to the titles of the dark mode card on this page
...

Just wanted to see what it would look like if i added some kinda image to the background of the titles. Side Note: i wonder if its a bad idea to add images that are uploaded to imgur rather than to t..

6:00 am, March 26, 2021
css
blur the background image while keeping the foreground normal
...

this one uses the ::before element to add a background and apply the blur filter to it, while allowing the foreground content to still be non blurry

5:28 am, March 26, 2021
css
background image greyscale filter while foreground is still in colour
...

i had an issue the other day using a css filter which was causing all items within the element to also have that filter. using the ::before psudo class solves this issue

4:58 am, March 26, 2021
javascript
javascript page redirect
...

this one i cant add a working demo for, due to its nature, but it is working if you remove the comment. combine this with this: https://kruxor.com/view/code/wQUDM/do-something-later-with-settimeout-..

3:18 am, March 26, 2021
javascript
page scroll indicator research
...

I was wondering the other day how they do those page scroll indicators, i saw one when viewing this site: https://blog.wolfram.com/2021/03/24/the-solution-of-the-zodiac-killers-340-character-cipher..

11:18 pm, March 24, 2021
css
zoom background of element when active
...

I just wanted to see if something like this zoom was possible but just using the background image and leaving the foreground content in the element with no zoom.  https://kruxor.com/view/code/kM..

4:53 am, March 19, 2021
css
rounded click me button with icon
...

just a rounded button with a font awesome icon

3:28 am, March 19, 2021
linux
Creating a chart about charts.css with charts.css from the command line
...

Creating a chart about charts.css with charts.css from the command line: BASH (      echo "<table class='charts-css bar show-labels show-heading'>"      echo "&l..

8:33 am, March 18, 2021
javascript
replacement slider for ken wheeler's slick carousel tiny slider 2 [testing]
...

I have been looking for a little while for a replacement for the now classic and a bit depreciated, ken wheeler's slick carousel. After a bit of looking around i think the best replacement, is a non ..

5:23 am, March 17, 2021
javascript
change a select box back to its initial select value
...

this will reset the select box selected value back to the 1st item in its options list

1:00 am, March 17, 2021
javascript
select onchange
...

select onchange run a function this will run the check_years function when the select value is changed

11:54 pm, March 16, 2021
javascript
add years as options to select dropdown
...

add the years as dropdown items between a range of years with javascript document ready js only version

11:35 pm, March 16, 2021
javascript
using moment.js to make your time format nicer
...

moment.js is a very nice way to handle multiple date strings and output them in a nicer format.  grab the latest copy of momen from cdnjs lets say our date is in this format, i think this is un..

11:15 pm, March 16, 2021
javascript
loop through object json javascript
...

this shows how you can loop through a javascript object using for if you check the console you can see the loop results

12:09 am, March 16, 2021
jquery
json jquery ajax request
...

get json data with jquery using getJSON

3:34 am, March 15, 2021
css
logo tickers marquee slow scrolling
...

logo tickers with a slide animation

12:07 am, March 14, 2021
linux
linux mount a drive manually
...

this is how you can mount a drive in linux first list the drives available with:  BASH sudo lsblk -o UUID,NAME,FSTYPE,SIZE,MOUNTPOINT,LABEL,MODEL or this BASH sudo blkid ok once we have th..

4:24 am, March 12, 2021
css
add a moving chevron to your href link
...

this adds a right chevron that moves when the link is active demo: * note: this may not show up in light mode as the chevron is white, so would need to change the color it

10:10 pm, March 11, 2021
jquery
add click event to multiple link items and load the link content into a target div ajax
...

this will get a group of links with existing href targets and load them dynamically with an ajax callback you will need to also include the full jquery script as the slim one does not include the aja..

3:51 am, March 9, 2021
jquery
add click event to multiple link items
...

this allows you to get every a element in a-div class and stop the link from loading, so you can do other things with it like run a function or something else Functions used: Javascript Wait for th..

3:24 am, March 9, 2021
javascript
set the html of an element javascript
...

this will set the innerhtml value of an element

11:34 pm, March 8, 2021
css
inline form field padding
...

I noticed this when doing this demo (get the value of an input form element).  Looks like inline form elements look pretty average when a button is added to the same line. i think this should..

12:21 am, March 8, 2021
javascript
get the value of an input form element (input value)
...

add how to get the value of an input form element with javascript for some reason i can get this working with: Javascript console.log(document.getElementById("my_input").value); but when trying to..

11:56 pm, March 7, 2021
javascript
minutes to decimal calculator javascript version
...

trying to do a more simple version of this post. https://kruxor.com/view/code/NIjAQ/quick-tool-to-convert-time-into-decimal/  the php version requires post back to the server, so i think this c..

11:38 pm, March 7, 2021
javascript
check if a certain query string is set then apply it to all url's on the page
...

this script will check if a query string is already set, and if it matches it will append the same query string to all url's on the page Here is the test link with the field, and all url's on this pa..

8:22 am, March 1, 2021
javascript
check if a query string item is set in the current url
...

this will check and console log if a query string on this page is set to test=anything example url is:  Test is not set: https://kruxor.com/view/code/XzLaT/  Test is set using & : htt..

5:49 am, March 1, 2021
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

❤👩‍💻🕹

Random Quote
I believe that in order to better your knowledge base, it takes a lot of failing in order to succeed. I don't consider anything a failure as long as you get back up and you learn from your own mistakes.
Unknown