Skip to main content

Posts

Showing posts from July, 2022

How to use Javascript switch case Example

In this tutorial , you will learn how to use javascript switch case and Let's learn about the switch statement, which is an alternative way of writing a complicated if/else statement , when all we want to do is compare one value to multiple different options, basically. So in this example, let's say we have a weekday variable and a different activity. so, here I am going to create an activity for each day and basically how this code would work in the real world. Read also: Javascript to change the background colour font checkbox How to create a accordion ui design examples in html 8 Best Free Keyword Research Tools for SEO what is domain and web hosting Usually, most of the data are coming from the user's input and select an option to do that's used by users in a browser. Now the javascript switch case gonna compare to multiple options. If we use an if/else statement with multiple "else" on if blocks, we can easier to use a switch statement. The switch ...

How to use Javascript document getElementById() Method

In this tutorial ,you will learn to about javascript document getElementById() and how to use javascript document.getElementById() .The document.getElementById() method returns an html element with an "id" that matches the specified string. $ads={1} if the specified id has no element the document.getElementById() returns null. In the Html document, the id is a unique element that is easily accessed by the javascript and jquery for example document.getElementById() . syntax: var s= document.getElementById(id); In the above syntax, the id is a string value that represents the id of the element to select. The id is the unique element and case-sensitive because the id represents the select of the design or output. Read also: Javascript to change the background colour font checkbox Function in Javascript How to create a accordion ui design examples in html How to add html responsive table in blogger and wordpress    For example, Html div id ="container" and...

How to use PHP PDO Fetch Class

In this tutorial, you will learn how to use and create the PHP PDO fetch class mode ( PDO::FETCH_CLASS ) to fetch data from the database. Before entering in this tutorial, you will need to learn and read the php fetch pdo and examples . Here, I just created a database and named it a PHP tutorial and create a table, and named a student . Create table student ( id int not null AUTO_INCREMENT, student_name varchar(50) not null, dept_name varchar(50) not null ); so, the student's class name is php. php fetch class returns a new instance of the requested class, each row in the student table mapping the columns of the result set to named properties in the student class.     $ads={1}   Read also: How to add html responsive table in blogger and wordpress How to create a accordion ui design Examples in html 8 Best Free Keyword Research Tools for SEO What is domain and web hosting Now connect the php pdo connection database using the dbconfig.php script: <?ph...

PHP Fetch PDO in different methods and practical examples

In this tutorial, you will learn PHP Fetch PDO in different method and practical examples and use the PDOStatement object to fetch data from the database and php pdo examples.     Fetch() is a method of PDOStatement class. The PHP fetch() method allows you to retrieve a row from the result set associated with the PDOStatement object. The fetch() method fetches a single row from a database result set and moves the information to the next row in the result set. So, the next call to the fetch() method returns the next row from the result set. To get all the rows from a data result, you usually use the fetch() method in a while loop . We usually create a table or design on a website by fetching results from a database. $ads={1}   Fetch()  methods the complete list can only be found on the main page of the PHP Manual with all PDO constants, where they are all just a few symbols and explanations of terms. Here, we are discussing only a few fetch me...

How to create a accordion ui design Examples in html

If you're having a lot of content on your web page and too many details about price, sizes, or sub-content.  So, this is for you and the perfect solution to solve the problem.  In this post, we will learn about the Accordion .  Accordion is a menu composed of vertical headers.  The menu reveals the content or more details.  When you triggered the Icon.  An accordion is the best solution for too much content and optimizing the web pages.  An accordion is the common element pattern for the responsive design.  So,   $ads={1}   What is an accordion in web design   In web design the process of designing the visual look and feel of the website layout.  If the website is represented by the user experience aspects but the website has a lot of content and the page scroll more the user experience feels low and that cause an accordion helps to optimize and accordion is a type of menu that displays a list of the headers like a stack ...

How to add html responsive table in Blogger and Wordpress

A table is a great way to show you systematic data in a short amount of time if you're going to read a topic. It helps to understand the topic easily and understand the content easily. Add HTML  responsive Table to your Blogger & WordPress website. But, not all HTML Tables are mobile responsive, sometime the table will not fit the page and be shown unformatted and just we need to use a CSS - media screen to set the value as mobile-friendly especially when you insert multiple rows and columns. $ads={1} Now we use the Meta tag viewport method for mobile phones, computer screens, and tablet browsers on those devices scaled down the entire web page to fit the screen. Most of the important HTML tables tag are using  <table>,<thead>,<tbody>,<th>,<tr>,<td> and all tag are have the closing tags you need more details means .I already create article about the tables and tags . And I found some Html responsive table Generator to customiz...