Makwana Prahlad

Hello, @John B Please try this code,To filter photo gallery: HTML Code: <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="portfolioFilter clearfix"> <a href="#" data-filter="*" class="current">All Categories</a> <a href="#" data-filter=".webTemplates">Web Templates</a> <a href="#" data-filter=".logos">Logos</a> <a href="#" data-filter=".drawings">Drawings</a> <a href="#" data-filter=".ui">UI Elements</a> </div> </div> <div class="portfolioContainer"> <div class="webTemplates objects"> <img src="https://mir-s3-cdn-cf.behance.net/projects/202/cc99b535336825.Y3JvcCwxMzk1LDEwOTEsMCw3ODA.png" alt="image"> </div> <div class="drawings places"> <img src="https://mir-s3-cdn-cf.behance.net/projects/202/d4cfa934191261.Y3JvcCw2MTMsNDc5LDQsMjA0.jpg" alt="image"> </div> <div class="webTemplates food"> <img src="https://mir-s3-cdn-cf.behance.net/projects/202/11893193.5482088f6f391.png" alt="image"> </div> <div class="logos drawings"> <img src="https://mir-s3-cdn-cf.behance.net/projects/202/be4b9728308865.55b92edb950fc.jpg" alt="image"> </div> <div class="webTemplates"> <img src="https://mir-s3-cdn-cf.behance.net/projects/202/12963199.548365055868a.png" alt="image"> </div> <div class="ui"> <img src="https://mir-s3-cdn-cf.behance.net/projects/202/20342607.5434c04b49254.png" alt="image"> </div> <div class="drawings"> <img src="https://mir-s3-cdn-cf.behance.net/projects/202/b11bbb26474383.555f91fd42584.jpg" alt="image"> </div> <div class="webTemplates"> <img src="https://mir-s3-cdn-cf.behance.net/projects/202/14385875.548573dae7a09.jpg" alt="image"> </div> <div class="drawings"> <img src="https://mir-s3-cdn-cf.behance.net/projects/202/14569777.5485b3876a1b9.png" alt="image"> </div> <div class="logos"> <img src=" https://mir-s3-cdn-cf.behance.net/projects/202/1d854a24500155.5505cccd057a4.jpg" alt="image"> </div> <div class="ui"> <img src="https://mir-s3-cdn-cf.behance.net/projects/202/f9b95b26406487.555cc1fded76f.jpg" alt="image"> </div> <div class="logos"> <img src="https://mir-s3-cdn-cf.behance.net/projects/202/181a7b35469661.Y3JvcCw3NjUsNTk5LDY3LDA.png" alt="image"> </div> </div> </div> </div> CSS Code: body { font-family: Arial; } a:focus { outline: none; } .portfolioFilter { padding: 15px 0; } .portfolioFilter a { margin-right: 6px; color: #666; text-decoration: none; border: 1px solid #ccc; padding: 4px 15px; border-radius: 50px; display: inline-block; } .portfolioFilter a.current { background: #1e1e1e; border: 1px solid #1e1e1e; color: #f9f9f9; } .portfolioContainer{ border: 1px solid #eee; border-radius: 3px; } img { margin: 5px; max-width:100%; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } JQuery Code $(window).load(function(){ var $container = $('.portfolioContainer'); $container.isotope({ filter: '*', animationOptions: { duration: 750, easing: 'linear', queue: false } }); $('.portfolioFilter a').click(function(){ $('.portfolioFilter .current').removeClass('current'); $(this).addClass('current'); var selector = $(this).attr('data-filter'); $container.isotope({ filter: selector, animationOptions: { duration: 750, easing: 'linear', queue: false } }); return false; }); }); I hope above code will be useful for you. Thank you.

List of ammo icon in following side https://www.flaticon.com/free-icons/ammo https://icons8.com/icon/15792/ammo

Hello, @hk21 Please try this query,To Alias for Tables : select s.state_name,c.city_name,a.area_name from State as s,Area as a,City as c where a.city_id=c.city_id AND c.state_id=s.state_id; We use the State,City and Area tables and give them the table aliases of s,c and a respectively. I hope above query will be useful for you. Thank you.

Hello, @WynneIT Please try this code,To set date in stored procedure CREATE PROCEDURE TRGetMsgTksByBIdDIdPIdAMsreDte @REGISTRATION_DATE DATETIME = NULL AS SET NOCOUNT ON SELECT * FROM STUDENT WHERE REGISTRATION_DATE = @REGISTRATION_DATE RETURN 0 GO I hope above code will be useful for you. Thank you.

What is different view and view-model

you can use logic of "single page website" <a href="#services-section" class="nav-link">Services</a> <div id="services-section">

Hello,@Lorne Please try this code, How to change image using onclick: <!DOCTYPE html> <html> <head> <title>onClick Demo</title> </head> <body> <script> function toggleImage() { var img1 = "http://placehold.it/350x150"; var img2 = "http://placehold.it/200x200"; var imgElement = document.getElementById('toggleImage'); imgElement.src = (imgElement.src === img1)? img2 : img1; } </script> <img src="http://placehold.it/350x150" id="toggleImage" onclick="toggleImage();"/> </body> </html> I hope above code will be useful for you. Thank you.

Hello,@BrainPill Please try this query, To select multiple rows with highest value : select * from updates where 1 group by matching having votes=max(votes) order by matching asc; I hope above query will be useful for you. Thank you.

your css code is right not have any propary-value are wrong i think your are given some html propary in html tag so output not reflect. you have to put your html code so i will solve it. i have try to it it also work it. follow to try.html try.html

Hello, @vmani Base on your query, To difference between HTML or WordPress that shown in below : HTML is a static then WordPress is a dynamic. Html can not be updated in frequently but WordPress is updated Frequently. WordPress is a Content management system. WordPress highly maintenance another html site. Html can be use plugins and it can be easy to access. I hope above information will be useful for you. Thank you.

There is a table, named student_mark and I have to find which 2 students are having min marks.I also tried group by but it is not working.

Hello, @dialBonzo Please try this code it works properly. You just need to change image source. Code here : <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body { font-family: Arial; margin: 0; } * { box-sizing: border-box; } img { vertical-align: middle; } /* Position the image container (needed to position the left and right arrows) */ .container { position: relative; } /* Hide the images by default */ .mySlides { display: none; } /* Add a pointer when hovering over the thumbnail images */ .cursor { cursor: pointer; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 40%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* Container for image text */ .caption-container { text-align: center; background-color: #222; padding: 2px 16px; color: white; } .row:after { content: ""; display: table; clear: both; } /* Six columns side by side */ .column { float: left; width: 16.66%; } /* Add a transparency effect for thumnbail images */ .demo { opacity: 0.6; } .active, .demo:hover { opacity: 1; } </style> <body> <h2 style="text-align:center">Slideshow Gallery</h2> <div class="container"> <div class="mySlides"> <div class="numbertext">1 / 6</div> <img src="https://images.unsplash.com/photo-1420593248178-d88870618ca0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">2 / 6</div> <img src="https://images.pexels.com/photos/358457/pexels-photo-358457.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">3 / 6</div> <img src="https://images.unsplash.com/photo-1524338198850-8a2ff63aaceb?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">4 / 6</div> <img src="https://mikeputnamphoto.com/wp-content/uploads/2015/05/Multnomah-Falls1.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">5 / 6</div> <img src="https://jeffreyfavero.com/wp-content/uploads/2013/02/JFP-LRW-136.jpg" style="width:100%"> </div> <div class="mySlides"> <div class="numbertext">6 / 6</div> <img src="https://images.squarespace-cdn.com/content/v1/59a9e2ddbebafb8981cda209/1540401066469-JHVNTO0X488U7R8L1O9U/ke17ZwdGBToddI8pDm48kMXRibDYMhUiookWqwUxEZ97gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z4YTzHvnKhyp6Da-NYroOW3ZGjoBKy3azqku80C789l0luUmcNM2NMBIHLdYyXL-Jww_XBra4mrrAHD6FMA3bNKOBm5vyMDUBjVQdcIrt03OQ/Henebry_MultnomahFalls-OR_16x24sig_DSF1273.jpg?format=2500w" style="width:100%"> </div> <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> <div class="caption-container"> <p id="caption"></p> </div> <div class="row"> <div class="column"> <img class="demo cursor" src="https://images.unsplash.com/photo-1420593248178-d88870618ca0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80" style="width:100%" onclick="currentSlide(1)" alt="The Woods"> </div> <div class="column"> <img class="demo cursor" src="https://images.pexels.com/photos/358457/pexels-photo-358457.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" style="width:100%" onclick="currentSlide(2)" alt="Cinque Terre"> </div> <div class="column"> <img class="demo cursor" src="https://images.unsplash.com/photo-1524338198850-8a2ff63aaceb?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80" style="width:100%" onclick="currentSlide(3)" alt="Mountains and fjords"> </div> <div class="column"> <img class="demo cursor" src="https://mikeputnamphoto.com/wp-content/uploads/2015/05/Multnomah-Falls1.jpg" style="width:100%" onclick="currentSlide(4)" alt="Northern Lights"> </div> <div class="column"> <img class="demo cursor" src="https://jeffreyfavero.com/wp-content/uploads/2013/02/JFP-LRW-136.jpg" style="width:100%" onclick="currentSlide(5)" alt="Nature and sunrise"> </div> <div class="column"> <img class="demo cursor" src="https://images.squarespace-cdn.com/content/v1/59a9e2ddbebafb8981cda209/1540401066469-JHVNTO0X488U7R8L1O9U/ke17ZwdGBToddI8pDm48kMXRibDYMhUiookWqwUxEZ97gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z4YTzHvnKhyp6Da-NYroOW3ZGjoBKy3azqku80C789l0luUmcNM2NMBIHLdYyXL-Jww_XBra4mrrAHD6FMA3bNKOBm5vyMDUBjVQdcIrt03OQ/Henebry_MultnomahFalls-OR_16x24sig_DSF1273.jpg?format=2500w" style="width:100%" onclick="currentSlide(6)" alt="Snowy Mountains"> </div> </div> </div> <script> var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("demo"); var captionText = document.getElementById("caption"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; captionText.innerHTML = dots[slideIndex-1].alt; } </script> </body> </html> I hope above code will be useful for you. Thank you.

Hello, @mickeymouse Please try this code for passing parameter into URL and to get parameter in current page and also for redirected page. To get parameter value in current page use this code : <?php $url = 'http://www.geeksforgeeks.org/register?name=Demo&email=demo@gmail.com'; $url_components = parse_url($url); parse_str($url_components['query'], $params); echo ' Hi '.$params['name'].' your emailID is '.$params['email']; ?> To get parameter value for redirected page use this code : <?php $name = $_REQUEST['name']; $email = $_REQUEST['email']; echo " Hi ".$name." your emailId is ".$email; ?> For both code output will be : Hi Demo your emailId is demo@gmail.com I hope above information will be useful for you. Thank you.

Hello, @mansory I suggest you to refer this link :- https://www.w3schools.com/w3css/w3css_grid.asp I hope above link information will be useful for you. Thank you.

Hello, @Herodotus In your code, everything is right just check the path of the image whether your image file and code is under same folder. Else pass full url of image file like this : background-image: url("file://C:/Users/Admin/Desktop/Images/img2.jpeg"); I hope above information will be useful for you. Thank you.

Hello, @M Vishnu vardhan MIN() function : The MIN() function returns the smallest value in the specified table field(column). For example, let's suppose we want to know the year in which the oldest movie in our library was released, we can use MySQL's MIN() function to get the desired information. SELECT MIN(`year_released`) FROM `movies`; Execute above query in MySQL the output look like that : MIN('year_released') 2005 MAX() function : The MAX() function is the opposite of the MIN() function. It returns the largest value from the specified table field(column). Let's assume we want to get the year that the latest movie in our database was released. We can easily use the MAX() function to achieve that. SELECT MAX(`year_released`) FROM `movies`; Execute above query in MySQL the return output look like that : MAX('year_released') 2019 I hope above information will be useful for you. Thank you.

Hello, @davidwilliam Please try this code it works : var file_path = 'host/path/file.ext'; var a = document.createElement('A'); a.href = file_path; a.download = file_path.substr(file_path.lastIndexOf('/') + 1); document.body.appendChild(a); a.click(); document.body.removeChild(a); I hope above code will be useful for you. Thank you.

Hello @krishnanayaks Following are the differences between GET and POST Method : The GET Method : The GET method sends the encoded user information appended to the page request. The page and the encoded information are separated by the ? character. The GET method produces a long string that appears in your server logs, in the browser's location. The GET method is restricted to send upto 1024 characters only. Never use GET method if you have password or other sensitive information to be sent to the server. GET can't be used to send binary data, like images or word documents, to the server. The data sent by GET method can be accessed using QUERY_STRING environment variable. The PHP provides $_GET associative array to access all the sent information using GET method. The POST Method : The POST method transfers information via HTTP headers. The information is encoded as described in case of GET method and put into a header called QUERY_STRING. The POST method does not have any restriction on data size to be sent. The POST method can be used to send ASCII as well as binary data. The data sent by POST method goes through HTTP header so security depends on HTTP protocol. By using Secure HTTP you can make sure that your information is secure. The PHP provides $_POST associative array to access all the sent information using POST method. I hope above information will be useful for you. Thank you.

Hello, @Patrick Kizito Mubiru There are several programming languages that can help you to create application for blockchain. You may use any one among the traditional ones like C++, Java and Python, or others like Simplicity and Solidity - that are new and more specific to blockchain. C++ is blockchain programming language allows for effective management of resources and offers greater control over memory. Blockchain requires many users and miners to interact and operate both systematically and simultaneously. C++ creates applications that can not only coordinate between numerous endpoints but also process their interactions quickly. It’s why blockchain projects like Bitcoin, Ethereum, and Ripple were all written in C++. Java has been crucial for the worldwide web. Some would argue it is at the heart of it along with HTML and CSS. The blockchain programming language is traditional and useful in creating highly interactive webpages. It is also now useful in making simple and immutable blockchains. Immutability makes it impossible for anyone to change the contents in a block after it has been verified or “hashed”. Python syntax and logic of this blockchain programming language uses reflects this very ambition of the creator. Python is, hence, a top language for software and web development. It is popular among developers, data scientists. It is now also a top blockchain programming language. Simplicity is a blockchain programming language that was designed for smart contracts. This blockchain programming language is so easy, claimed its creator Russel O’Connor, that “it fits on a t-shirt”. Solidity is a blockchain programming language is high-level and contract-based. Its script is similar to scripts of some of the languages listed above like Java, and it borrows concepts like variables, functions and classes from them. I hope above information will be useful for you. Thank you.

Hello, @stormtracker Please try this code : <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <section id="weather"> <div class="container"> <h1>Search The Weather</h1> <form action="#"> <input type="text" id="city" placeholder="Search City..."><!--Give id --> <button type="button" id="#submitWeather" onclick="Show()" class="button_1">Submit Request</button><!--Give id --> <span id="#warning"></span> </form> </div> <br><br><br> <div id="Show"> </div> </section> <script> document.getElementById("Show").style.visibility="hidden"; function Show() { if(document.getElementById('city').value == '') { alert("Please Enter Text In Text Box"); document.getElementById("Show").style.visibility="hidden"; } else { document.getElementById("Show").style.visibility="visible"; document.getElementById("Show").innerHTML = "Hello ! <font size='+2'>" + document.getElementById('city').value + "</font>"; } } </script> </body> </html> I hope above code will be useful for you. Thank you.

Hello, @TuKulo Please check this code, <br> tag works fine in Internet Explorer too. <html> <head> <title>Use BR tag in internet explorer..</title> </head> <body> <H1>Hello, Abc</H1> <br><br><br> <p>How are you ??</p> <br><br><br> <p>What are you doing ??</p> <br><br><br> <p>Where are you going ?? please come here.!!</p> </body> </html> I hope above code will be useful for you. Thank you.

Hello, @Gentle7 Try this code to implement Dropdown: <!DOCTYPE html> <html> <head> <style> .dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: skyblue; min-width: 111px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content a:hover {background-color: #f1f1f1} .dropdown:hover .dropdown-content { display: block; } .dropdown:hover .dropbtn { background-color: #3e8e41; } </style> </head> <body> <h2>Dropdown Menu</h2> <div class="dropdown"> <button class="dropbtn">Mobile List</button> <div class="dropdown-content"> <a href="#Apple">Apple</a> <a href="#Samsung">Samsung</a> <a href="#Sony">Sony</a> <a href="#Mi">Mi</a> <a href="#Realme">Realme</a> <a href="#OnePlus">OnePlus</a> <a href="#Intex">Intex</a> <a href="#Micromax">Micromax</a> </div> </div> </body> </html> I hope above code will be useful for you. Thank you.

Hello, @stormtracker I have updated your code and attached the files. Please check it . index.html style.css weather.js

Hello, @mickeymouse Try this code : <html> <head> <script> function countlength() { var textval = document.getElementById("val"); if (textval.value.length < 9) { alert("MUST BE 9 CHARACTERS." + "\n\nYour input characters length is :- " + textval.value.length); return false; } return true; } </script> <title>Input value length checked</title> </head> <body> <h2>Input value length checked</h2> <input type="text" name="val" id="val" /> <br /><br /> <input type="submit" value="Submit" name="Submit" onclick="countlength()" /> </body> </html> I hope above code will be useful for you. Thank you.

Hello, @Rifat Al Rajo Try this code to generate Table in HTML <html> <head> <title>table-layout</title> </head> <body> <table border="1" width="50%" height="50%" style="text-align: center;"> <tr> <td colspan="5">1</td> </tr> <tr> <td colspan="3">2</td> <td colspan="2" rowspan="3">3</td> </tr> <tr> <td rowspan="3">4</td> <td colspan="2">5</td> </tr> <tr> <td rowspan="2">8</td> <td rowspan="2">9</td> </tr> <tr> <td>6</td> <td>7</td> </tr> </table> </body> </html> I hope above information will be useful for you. Thank you.