Codding Guide and Tutorials

Posts

How to create sticky header using css and html

Need a sticky header in your website! Sure, here's an example of how you can create a sticky header for a website using CSS: 1. First start with creating header. Sticky Header Example Home About Services Contact 2. Now we create CSS, as you can see in above code we use <link rel="stylesheet" href="styles.css"> In your styles.css file add below css. body { margin: 0; font-family: Arial, sans-serif; } .sticky-header { position: sticky; top: 0; background-color: #333; padding: 10px 0; z-index: 1000; } .sticky-header nav ul { list-style: none; display: flex; justify-content: center; padding: 0; margin: 0; } .sticky-header nav li { margin: 0 15px; } .sticky-header nav a { text-decoration: none; color: white; font-weight: bold; transition: color 0.3s ease; } .sticky-header nav a:hover { color: #f39c12; } That's it. Now ...

Creating rummy game with java

Creating a Rummy game using Java involves several steps. For extend help contact here . Here's a simplified outline of how you can approach it: 1. Card Class: Create a class to represent a playing card. Each card has a suit and a rank. You can use enums to define suits and ranks, and create a Card class to store this information. enum Suit { HEARTS, DIAMONDS, CLUBS, SPADES } enum Rank { ACE, TWO, THREE, ..., KING } class Card { private Suit suit; private Rank rank; // Constructor, getters, setters } 2. Deck Management: Create a class to manage the deck of cards. Implement methods to shuffle the deck, deal cards to players, and draw cards import java.util.ArrayList; import java.util.Collections; import java.util.List; class Deck { private List cards; public Deck() { cards = new ArrayList (); // Initialize deck with all 52 cards } public void shuffle() { Collections.shuffle(cards); } public Card drawCard() { ...

How to upload file using Ajax and php

Let me guide you through adding AJAX file upload functionality to your website. For this purpose, you'll need to use JavaScript to handle the AJAX request and interact with the server. In this example, I'll show you how to implement a basic file upload using AJAX and PHP on the server side. HTML File (index.html) : Create an HTML form with a file input and a button to trigger the upload process. Add a ' <div>' to display the upload status. File Upload Example File Upload Example Upload 2. JavaScript File (upload.js): Create a JavaScript file to handle the AJAX request when the "Upload" button is clicked. document.addEventListener("DOMContentLoaded", function () { const uploadButton = document.getElementById("upload-button"); const fileInput = document.getElementById("file-input"); const uploadStatus = document.getElementById("up...

13 Tips to Protect your PC/Laptop from Virus

Protecting your PC/Laptop from digital viruses, such as malware, ransomware, and phishing attacks, requires a combination of cybersecurity practices and a cautious online behavior. Here are some tips to help you stay protected from digital viruses: 1. Use Reliable Security Software: Install reputable antivirus, anti-malware, and firewall software on your devices, and keep them updated regularly. 2. Keep Software Updated: Regularly update your operating system, software applications, and security patches to ensure you have the latest protections against vulnerabilities. 3. Be Cautious of Email Attachments and Links: Avoid clicking on links or downloading attachments from unknown or suspicious emails. Verify the sender's identity before interacting with any email content. 4. Use Strong Passwords: Use complex passwords that include a mix of uppercase and lowercase letters, numbers, and symbols. Avoid using easily ...

How do i make API request in Ajax

Creating API request using Ajax is easy and great way to get data from API. Here's an example of how you can create an AJAX (Asynchronous JavaScript and XML) API request using the jQuery library. For help contact here . This example demonstrates how to make a GET request to an API endpoint: $(document).ready(function() { // Define the API endpoint URL var apiUrl = "https://api.example.com/data"; // Make the AJAX GET request $.ajax({ url: apiUrl, type: "GET", dataType: "json", // Change to the appropriate data type success: function(data) { // Process the response data $("#result").html(JSON.stringify(data)); }, error: function(xhr, status, error) { // Handle error cases console.error("Error:", error); } }); }); In this example: Include the jQuery library from a CDN within the <head> section of your H...

How do I make an HTTP request in Javascript?

In JavaScript, you can make HTTP requests using the built-in XMLHttpRequest object or the more modern fetch API. The fetch API is recommended for most use cases due to its simplicity and flexibility. Here's how you can use both methods to make HTTP requests: Using the fetch API (Recommended) The fetch API is a more modern and user-friendly way to make HTTP requests in JavaScript. It returns a Promise that resolves to the Response object representing the response to the request. You can then handle the response using various methods. Get help here // Making a GET request using fetch fetch('https://api.example.com/data') .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); // Parse the response body as JSON }) .then(data => { // Handle the parsed JSON data console.log(data); }) .catch(error => { // Handle errors console.error('Fetch error:', erro...