Home
Search results “Ajax style display”
19 البحث فى السجلات  بمجرد الكتابة أجاكس (AJAX)
 
18:28
input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name" table id="myTable" tr class="header" th style="width:10%;"موجة الى/th th style="width:10%;"النوع/th th style="width:20%;"العنوان/th th style="width:50%;"الموضوع/th th style="width:5%;"تعديل/th th style="width:5%;"حذف/th /tr !-- WHERE wusername='$n1' -- ?php include ('../connect.php'); $sql="SELECT * FROM wfile "; $result = $conn-query($sql); while($row = $result-fetch_assoc()) { ? tr td style="display: none;"?php echo $row['wto'].$row['wtype'].$row['wtitle'].$row['wsubject'] ?/td td?php echo $row['wto'] ?/td td?php echo $row['wtype'] ?/td td?php echo $row['wtitle'] ?/td td?php echo $row['wsubject'] ?/td td/td td/td /tr ?php } ? /table script function myFunction() { var input, filter, table, tr, td, i, txtValue; input = document.getElementById("myInput"); filter = input.value.toUpperCase(); table = document.getElementById("myTable"); tr = table.getElementsByTagName("tr"); for (i = 0; i tr.length; i++) { td = tr[i].getElementsByTagName("td")[0]; if (td) { txtValue = td.textContent || td.innerText; if (txtValue.toUpperCase().indexOf(filter) -1) { tr[i].style.display = ""; } else { tr[i].style.display = "none"; } } } } /script
Views: 565 سيد بدران
Vanilla JavaScript Modal - With CSS display
 
18:08
Create a modal with JavaScript and the help of the CSS display property. Often, you use third-party libraries like jQuery or Bootstrap to do this but as you'll see, it's actually not hard to do it with vanilla JavaScript and a little bit of CSS. ---------- Learn JavaScript in No Time: https://www.udemy.com/javascript-bootcamp-2016/learn/v4/?couponCode=ACAD_M Dive Into Next-Gen JavaScrip: https://www.udemy.com/es6-bootcamp-next-generation-javascript/?couponCode=ACAD_M Become a CSS Expert: https://www.udemy.com/css-the-complete-guide-incl-flexbox-grid-sass/?couponCode=ACAD_M Source Code: https://github.com/academind/js-modal/tree/basic-modal-and-text-edit Want to learn something totally different? Check out all other courses: https://academind.com/learn/our-courses ---------- • You can follow Max on Twitter (@maxedapps). • And you should of course also follow @academind_real. • You can also find us on Facebook.(https://www.facebook.com/academindchannel/) • Or visit our Website (https://www.academind.com) and subscribe to our newsletter! See you in the videos! ---------- Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
Views: 8207 Academind
jQuery Tutorials: AJAX Loading Image Graphic
 
13:14
Want more? Explore the library at https://www.codecourse.com/lessons Official site https://www.codecourse.com Twitter https://twitter.com/teamcodecourse
Views: 32274 Codecourse
Form Fields: Dynamically Display Inputted Details, in Real-Time
 
05:31
Give your form users the ability to see their inputs display and update in real-time. When entering booking information, for example, some websites dynamically print out your details in a separate box as you're typing these into the form fields. This makes it easier to check your details before submitting and adds to the overall user-experience. This tutorial teaches how to create this cool effect using pure HTML and CSS.
Views: 510 Arjun Khara
Ajax's 19 pass total football goal
 
01:16
Ajax have a rich history of fine attacking football and Frank de Boer's men put on a tiki-taka display against Cambuur with Amin Younes finishing off a 19-pass move.
Views: 20883 Football24
File Upload Progress Bar Meter Tutorial HTML5 Ajax PHP
 
24:39
Lesson Code: http://www.developphp.com/video/JavaScript/File-Upload-Progress-Bar-Meter-Tutorial-Ajax-PHP In this programming lesson you can learn to use HTML5 + JavaScript + PHP to render an elegant file upload progress bar in your file upload forms. It is desirable to render a file upload progress bar when users upload files to your server, much like the way YouTube renders a file upload progress bar every time we upload a video to their network. The programming is not hard even for beginners to understand and the script is relatively short. The new HTML5 progress element has been made specifically for developers to use in scenarios such as this, it automatically matches the specific browser software visually, but you can customize your loading bar graphics for branding or consistency in all the different browsers. Due to the fact that we are using a new HTML5 element, this application may not work as intended in old versions of browser software. Use a modern popular browser software when experimenting with this code.
Views: 162085 Adam Khoury
jQuery Tutorial: AJAX Load Content With No Page Refresh
 
14:53
In this jQuery tutorial, you'll learn how to load content into a div on click using the AJAX load method. Here's the special discount link for Rob's course: http://www.johnmorrisonline.com/coupon-code-for-the-complete-web-developer-course-on-udemy/?utm_campaign=ytae-FqAt_VCA Get the source code in the Code Snippets section here: http://www.johnmorrisonline.com/web-developer-resources/ Training Center: http://www.johnmorrisonline.com/training Subscribe on YouTube: http://youtube.com/johnmorrisonline Subscribe on SoundCloud: http://soundcloud.com/johnmorrisonline Subscribe on iTunes: http://goo.gl/RggnXW -~-~~-~~~-~~-~- Please watch: "Ryan Carson: How to Get an IT Job WITHOUT a College Degree" https://www.youtube.com/watch?v=wxetW3hmPd0 -~-~~-~~~-~~-~-
Views: 45385 John Morris
How to Create Facebook Notification System in PHP with Ajax
 
21:45
In this video tutorial We have developed Header Notification system like a Facebook in PHP by using JQuery Ajax with Bootstrap Framework. In Short We have developed Facebook type Notification by using PHP with Ajax JQuery and Bootstrap. For Source Code and Online Demo, you can find from this link - http://www.webslesson.info/2017/02/facebook-style-notifications-in-php.html
Views: 64547 Webslesson
Show loader on AJAX requests - HTML, CSS, Javascript
 
05:12
Show loader on AJAX requests - HTML, CSS, Javascript Loader: http://i.stack.imgur.com/FhHRx.gif
Views: 5382 Adnan Afzal
Joomla 3.x. How To Work With "TM Ajax Style Switcher Module"
 
05:54
This tutorial will show you how to work with 'TM ajax style switcher' module in Joomla 3.x template. Choose Your Joomla Template Now: http://www.templatemonster.com/joomla-templates.php?utm_source=youtube&utm_medium=link&utm_campaign=jootuts183
Views: 478 TemplateMonster
How to Create Facebook Style Popup Notification using PHP Ajax Bootstrap | Simple Example 🔥🔥
 
13:37
Don't forget to Hit the Subscribe Button Below: https://goo.gl/FZkVrR ---------------------------------------------------------------------------------------------------------- Topic Introduction:- Facebook style notification and in this post we have make simple Facebook type Footer Pop up notification by using PHP script with Ajax Jquery method and Bootstrap framework. In one of the previous post we have already made discussion on How to make Facebook style header notification by using PHP code with Bootstrap Ajax and JQuery. In that post we have display notification alert on page header pop up number and after click on notification menu we can seen list of notification. But in this post if any event has made done then we will pop up notification on left bottom side of page and after some time of interval notification alert message will be disappear from web page. Source Code: for source code Please leave your email id in the comment box. --------------------------------------------------------------------------------------- Learn New Technologies -- Visit Our Channel -- https://www.youtube.com/tutorialspoint2016 1) CodeIgniter Mini Project Tutorial in Hindi/Urdu Using Angular JS & Boostrap 3 : https://goo.gl/FSwsJ4 2) Codeigniter Tutorial for Beginners Step by Step in Hindi : https://goo.gl/bxG6gJ 3) PDO-OOP-PHP-CRUD-with-Bootstrap : https://goo.gl/q1KRTn 4) AngularJS Tutorial for Beginners (For Absolute Beginners ) : https://goo.gl/Hak26N 5) JSON Tutorial for Beginner : https://goo.gl/ryPu35 6) Git and GitHub Training In Hindi : https://goo.gl/HpToSd 7) Java Tutorial For Beginners (Step by Step tutorial) : https://goo.gl/QxJ68x 8) PHP Tutorial for Beginners (For Absolute Beginners) : https://goo.gl/S3urkU 9) OOPS Tutorial for Beginners in PHP : https://goo.gl/k2kJDM 10) Bootstrap Tutorial for Beginners : https://goo.gl/NGFDse 11) Magic Methods in PHP Tutorial : https://goo.gl/BdYLfJ 12) Build a PHP MVC Application : https://goo.gl/yqDCkb 13) Whats new in PHP 7 | (Introduction) : https://goo.gl/rTTKkr 14) CRUD with PHP and MySQLi Tutorial : https://goo.gl/yyjWD7 15) Technology Tips and Tricks : https://goo.gl/MpR952 16) MongoDB Tutorial for Beginners (Hindi) : https://goo.gl/NZXD1u --------------------------------------------------------------------------------------------- For any queries feel free to comment or send a mail on [email protected] You can connect with us in social Media :- facebook : https://www.facebook.com/TechnicalSunejaji/ Want to Join : https://www.facebook.com/groups/1981858225403035/ Don't forget to hit the Subscribe & Like button! ------------------------------------------------------------ #FacebookNotification #PopupStyle
Views: 941 Technical Suneja
Dynamic Menu with Dynamic content in PHP using Jquery Ajax
 
11:12
In this video tutorial We have discuss how to make dynamic menu in php and how to load dynamic page content while click on menu by using Ajax Jquery with PHP. Simply we have make dynamic menu using PHP Script and by using Jquery Ajax we have load dynamic content. If you want source code and online demo of this video tutorial, please visits - http://www.webslesson.info/2017/03/dynamic-content-load-using-jquery-ajax-php.html
Views: 8599 Webslesson
Make Pagination using Ajax with Jquery, PHP and MySQL
 
16:02
In this web development video tutorial you can learn how to create ajax pagination without page refresh by using Ajax with Jquery, PHP and Mysql. Ajax Pagination is most helpful to display set of table data with no any page reload event. Source Code - http://www.webslesson.info/2016/08/make-pagination-using-ajax-with-jquery-php-and-mysql.html
Views: 26666 Webslesson
How to Create Photo Gallery Grid with Modal Window Lightbox
 
18:59
This video is part of my HTML & CSS video course: https://www.udemy.com/web-design-for-beginners-real-world-coding-in-html-css/?couponCode=YOUTUBEDEAL Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/ Follow me on Twitter for resources, updates, and cat pics: https://twitter.com/learnwebcode
Views: 120749 LearnWebCode
136.Spring MVC # return list to ajax success function
 
11:53
spring mvc maven registerform.jsp (div id="myModal" class="modal fade" style="display:none" data-backdrop="static" data-keyboard="false" ) (div class="modal-dialog") (div class="modal-content") (div class="modal-header ") (button type="button" class="close" data-dismiss="modal")×(/button) (h4 class="modal-title")register form(/h4) (/div) (!-- end of modal header --) (div class="modal-body") (!-- modal content --) (form:form id="register-form" action="registerFormHandler" class="form-horizontal" modelAttribute="student" method="post") (div class="form-group row") (label class="col-sm-3 col-md-3 col-lg-3 ")first name:(/label) (div class="col-sm-5 col-md-5 col-lg-5") (input type="text" name="fname" class="form-control" id="fnm" onKeyUp="sendRequest('fnm','fnr');" /) (span id="fnr") (form:errors class="err" path="fname" /) (/span) (br /) (/div) (/div) (div class="form-group row") (label class="col-sm-3 col-md-3 col-lg-3 ")last name:(/label) (div class="col-sm-5 col-md-5 col-lg-5") (input type="text" id="lnm" name="lname" class="form-control" onKeyUp="sendRequest('lnm','lnr');" /) (span id="lnr") (form:errors class="err" path="lname")(/form:errors) (br /) (/span) (/div) (/div) (div class="form-group row") (label class="col-sm-3 col-md-3 col-lg-3")email:(/label) (div class="col-sm-5 col-md-5 col-lg-5") (input type="text" name="email" class="form-control" id="em" onKeyUp="sendRequest('em','emr');" /) (span id="emr") (form:errors class="err" path="email" /) (/span)(br /) (/div) (/div) (div class="form-group row") (label class="col-sm-3 col-md-3 col-lg-3")password:(/label) (div class="col-sm-5 col-md-5 col-lg-5") (input type="password" name="password" class="form-control" id="pass" onKeyUp="sendRequest('pass','psr');" /) (span id="psr") (form:errors class="err" path="password" /) (/span)(br /) (/div) (/div) (div class="form-group row") (label class="col-sm-3 col-md-3 col-lg-3")confirm password:(/label) (div class="col-sm-5 col-md-5 col-lg-5") (input type="password" name="conpassword" id="cpass" onKeyUp="conPass()" class="form-control") (span id="cpsr")(/span)(br /) (/div) (/div) (div class="form-group") (label class="col-sm-3 col-md-3 col-lg-3")date of birth:(/label) (div class="col-sm-5 col-md-5 col-lg-5") (input type="text" name="dob" id="db" class="form-control")(br /) (/div) (/div) (div class="form-group row") (label class="col-sm-3 col-md-3 col-lg-3")school activities:(/label) (div class="col-sm-5 col-md-5 col-lg-5") (select name="schoolActivities" multiple class="form-control") (option value="football activity")Football Activity(/option) (option value="basketball activity")Basketball Activity(/option) (option value="handball activity")Handball activity(/option) (/select) (/div) (/div) (div class="form-group row") (label class="col-sm-3 col-md-3 col-lg-3")country:(/label) (div class="col-sm-5 col-md-5 col-lg-5") (input type="text" name="country" id="cnt" class="form-control")(br /) (span) (form:errors class="err" path="country" /) (/span)(br /) (/div) (/div) (div class="form-group row") (label class="col-sm-3 col-md-3 col-lg-3")city:(/label) (div class="col-sm-5 col-md-5 col-lg-5") (input type="text" name="city" id="cty" class="form-control")(br /) (/div) (/div) (div class="form-group row") (label class="col-sm-3 col-md-3 col-lg-3")street:(/label) (div class="col-sm-5 col-md-5 col-lg-5") (input type="text" name="street" id="str" class="form-control")(br /) (/div) (/div) (div class="form-group row") (label class="col-sm-3 col-md-3 col-lg-3")pincode:(/label) (div class="col-sm-5 col-md-5 col-lg-5") (input type="text" name="pincode" id="pnc" class="form-control")(br /) (span) (form:errors class="err" path="pincode" /) (/span)(br /) (/div) (/div) (div class="form-group row") (div class="col-sm-5 col-md-5 col-lg-5") (input type="submit" class="btn btn-success" onClick="doNotTOMD();" value="Submit register form" /) (/div) (/div) (div id="esr")(/div) (/form:form) (/div) (!-- end of modal body --) (div class="modal-footer") (div class="row") (div class="col-sm-5 col-md-5 col-lg-5") (button type="button" class="btn btn-default" data-dismiss="modal")Close(/button) (/div) (/div) (/div) (!-- end of modal footer --) (/div) (/div) (/div) (!-- end of second div --) (!-- end of first div --)
Views: 4207 TheVaskrsija
Form Submit using Ajax in PHP
 
37:26
Welcome Developers, We will see what is AJAX in Hindi. Also, Form Submit using Ajax in PHP with JavaScript. we will also cover Country State City dropdown using ajax in PHP. What is AJAX? AJAX = Asynchronous JavaScript And XML. AJAX is not a programming language. AJAX just uses a combination of: A browser built-in XMLHttpRequest object (to request data from a web server) JavaScript and HTML DOM (to display or use the data) AJAX is a misleading name. AJAX applications might use XML to transport data, but it is equally common to transport data as plain text or JSON text. AJAX allows web pages to be updated asynchronously by exchanging data with a web server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page. AJAX is Based on Internet Standards AJAX is based on internet standards and uses a combination of: XMLHttpRequest object (to exchange data asynchronously with a server) JavaScript/DOM (to display/interact with the information) CSS (to style the data) XML (often used as the format for transferring data) AJAX applications are browser- and platform-independent! The XMLHttpRequest Object All modern browsers support the XMLHttpRequest object. The XMLHttpRequest object can be used to exchange data with a server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page. The XMLHttpRequest object is used to exchange data with a server. Send a Request To a Server To send a request to a server, we use the open() and send() methods of the XMLHttpRequest object: The onreadystatechange Property The readyState property holds the status of the XMLHttpRequest. The onreadystatechange property defines a function to be executed when the readyState changes. The status property and the statusText property holds the status of the XMLHttpRequest object. Property Description onreadystatechange Defines a function to be called when the readyState property changes readyState Holds the status of the XMLHttpRequest. 0: request not initialized 1: server connection established 2: request received 3: processing request 4: request finished and the response is ready status 200: "OK" 403: "Forbidden" 404: "Page not found" For a complete list go to the Http Messages Reference If you like this video plz LIKE SHARE and SUBSCRIBE my channel :)
Views: 12123 Thapa Technical
Create a popup window MVC easy
 
07:56
1. Create MVC project 2. Download bootstrap.cs,jquery-ui theme 3. Add item css: jquery-ui.css, bootstrap.css 4. Create popup you can select another jquery themes div id="divContaiPopup" title="Popup test" class="table-responsive" style="display:none"
Views: 87898 van quang
jQuery Tutorials: AJAX Load Content No Page Refresh
 
15:31
Want more? Explore the library at https://www.codecourse.com/lessons Official site https://www.codecourse.com Twitter https://twitter.com/teamcodecourse
Views: 199195 Codecourse
PHP Tutorials: jQuery: Get Data from MySQL Database without Refreshing
 
16:50
Want more? Explore the library at https://www.codecourse.com/lessons Official site https://www.codecourse.com Twitter https://twitter.com/teamcodecourse
Views: 232205 Codecourse
Custom Confirm Box Programming JavaScript CSS Tutorial
 
10:45
Lesson Code: http://www.developphp.com/video/JavaScript/Custom-Confirm-Box-Programming-Tutorial Learn to create custom confirm boxes using core JavaScript and CSS. We supply handy tips for using the custom confirm box to perform specific operations via Ajax. We also show how to externalize your JS and CSS for improved modularity and compartmentalization. This tutorial follows the custom alert box programming tutorial, which individuals should view if they wish to fully comprehend code applied to this tutorial.
Views: 50274 Adam Khoury
jQuery Validation Plugin: Custom Error Styles (4/4)
 
05:42
In this screen-cast, I will show you how to get up and running with the awesome jQuery validation plugin. Please **like** the video if you liked it, and **subscribe** if you want to see more. If you have a question, please don't hesitate to get in touch via the comments. Please watch in 720p for the best quality. Here is the code for the whole series: https://github.com/alexbooker/code-cast-code/tree/master/client-validation-demo Here is a link to the whole series: https://www.youtube.com/playlist?list=PL5ze0DjYv5DaAm5eC2chbTK1Y6uoTUtZ9. And here are some links I mention in the series: - https://github.com/jzaefferer/jquery-validation - http://jqueryvalidation.org/ - http://www.asp.net/ajax/cdn#jQuery_Validation_Releases_on_the_CDN_3
Views: 18332 Code Cast
Calling asp net web services using jquery ajax
 
15:44
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/06/calling-aspnet-web-services-using.html In this video we will discuss how to call asp.net webservice using jQuery AJAX. We want to retrieve data from the following database table tblEmployee using asp.net web service and jQuery AJAX Step 1 : Create SQL Server table and insert employee data Step 2 : Create a stored procedure to retrieve employee data by ID Step 3 : Create new asp.net web application project. Name it Demo. Step 4 : Include a connection string in the web.config file to your database. Step 5 : Add a class file to the project. Name it Employee.cs. Copy and paste the following code. namespace Demo { public class Employee { public int ID { get; set; } public string Name { get; set; } public string Gender { get; set; } public int Salary { get; set; } } } Step 6 : Add a new WebService (ASMX). Name it EmployeeService.asmx. Copy and paste the following code. using System; using System.Configuration; using System.Data; using System.Data.SqlClient; using System.Web.Services; namespace Demo { [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [System.ComponentModel.ToolboxItem(false)] [System.Web.Script.Services.ScriptService] public class EmployeeService : System.Web.Services.WebService { [WebMethod] public Employee GetEmployeeById(int employeeId) { Employee employee = new Employee(); string cs = ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString; using (SqlConnection con = new SqlConnection(cs)) { SqlCommand cmd = new SqlCommand("spGetEmployeeById", con); cmd.CommandType = CommandType.StoredProcedure; SqlParameter parameter = new SqlParameter(); parameter.ParameterName = "@Id"; parameter.Value = employeeId; cmd.Parameters.Add(parameter); con.Open(); SqlDataReader rdr = cmd.ExecuteReader(); while(rdr.Read()) { employee.ID = Convert.ToInt32(rdr["Id"]); employee.Name = rdr["Name"].ToString(); employee.Gender = rdr["Gender"].ToString(); employee.Salary = Convert.ToInt32(rdr["Salary"]); } } return employee; } } } Step 6 : Add an HTML page to the ASP.NET project. Copy and paste the following HTML and jQuery code <html> <head> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#btnGetEmployee').click(function () { var empId = $('#txtId').val(); $.ajax({ url: 'EmployeeService.asmx/GetEmployeeById', data: { employeeId: empId }, method: 'post', dataType: 'xml', success: function (data) { var jQueryXml = $(data); $('#txtName').val(jQueryXml.find('Name').text()); $('#txtGender').val(jQueryXml.find('Gender').text()); $('#txtSalary').val(jQueryXml.find('Salary').text()); }, error: function (err) { alert(err); } }); }); }); </script> </head> <body style="font-family:Arial"> ID : <input id="txtId" type="text" style="width:100px" /> <input type="button" id="btnGetEmployee" value="Get Employee" /> <br /><br /> <table border="1" style="border-collapse:collapse"> <tr> <td>Name</td> <td><input id="txtName" type="text" /></td> </tr> <tr> <td>Gender</td> <td><input id="txtGender" type="text" /></td> </tr> <tr> <td>Salary</td> <td><input id="txtSalary" type="text" /></td> </tr> </table> </body> </html> In our next video we will discuss how to call an asp.net web service that returns JSON data using jQuery AJAX.
Views: 62076 kudvenkat
Twitter Quiz - Intro to AJAX
 
00:23
This video is part of an online course, Intro to Ajax. Check out the course here: https://www.udacity.com/course/ud110. This course was designed as part of a program to help you and others become a Front-End Developer. You can check out the full details of the program here: https://www.udacity.com/course/nd001.
Views: 7205 Udacity
how to create paging,pagination in php and display 10 records per page in php
 
10:50
Need Help Or Need code? Feel Free To Contact Us Here http://www.noblecomputer.co.in/support.php using this tutorial you can easily understand that how paging created in php.
Views: 165664 Amit Andipara
Show/hide 'div' using JavaScript
 
00:50
Question: Show/hide 'div' using JavaScript Link : https://stackoverflow.com/questions/21070101/show-hide-div-using-javascript HTML : element.style.display = 'none'; // Hide element.style.display = 'block'; // Show element.style.display = 'inline'; // Show element.style.display = 'inline-block'; // Show
Views: 22 Technical Mahesh
Advanced Jquery Pagination using Ajax and php - Styling the links
 
05:44
In this tutorial series, lets learn how to do ajax pagination using php and jquery. We'll be using the skills we gained from my other tutorial on javascript templating and apply that here. We will use jquery to send ajax request to server to get the template part we need and we shall display that to the user. On clicking next page link, we shall make another request to the server to get the required data for that page. This is to save bandwidth and make our website pages load faster as we are not fetching all data at once. Download files at http://lswebapps.com/tutorial-video/advanced-jquery-pagination-using-ajax-php-introduction/ Please rate, comment and subscribe if it helps. It would mean a lot to me. Thanks. And also dont forget to visit my website at http://lswebapps.com and twitter page at https://twitter.com/LSWebApps LSWAT - LS WEB APPS TUTORIALS
Views: 1326 Lamin Sanneh
Ajax Pagination Tutorial PHP MySQL Database Results Paged With JavaScript
 
26:56
Lesson Code: http://www.developphp.com/video/JavaScript/Ajax-Pagination-Tutorial-PHP-MySQL-Database-Results-Paged In this video lesson you can learn to program core Ajax pagination with PHP. We will not be using any 3rd party frameworks or code libraries for PHP or JavaScript to accomplish this task so that we can pass along the highest level of programming education and core insight on this topic to you.
Views: 79850 Adam Khoury
Live Poll System in PHP Mysql using Ajax
 
21:47
Learn How to develop Live Voting system by using PHP, Mysql & Ajax. How to create polling system with Ajax PHP. How to make live poll and voting system using PHP & Ajax. Video tutorial on Voting system or poll system using JQuery and Ajax in PHP. For Source Code - https://www.webslesson.info/2018/05/live-poll-system-in-php-mysql-using-ajax.html
Views: 7172 Webslesson
PHP - Pop-up to display details
 
05:03
PHP - Pop-up to display details Previous part: https://youtu.be/dK3Nce4SNJs
Views: 41882 Adnan Afzal
Load data on page scroll using jquery
 
22:19
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/06/load-data-on-page-scroll-using-jquery.html In this video we will discuss, how to load more data on page scroll using jQuery AJAX. This is similar to Facebook. As you scroll down on the page more data will be loaded. When the page is initially loaded we want to retrieve and display the first 50 rows from the database table tblEmployee. As we scroll down and when we hit the bottom of the page we want to load the next set of 50 rows. Stored procedure Create procedure spGetEmployees @PageNumber int, @PageSize int as Begin Declare @StartRow int Declare @EndRow int Set @StartRow = ((@PageNumber - 1) * @PageSize) + 1 Set @EndRow = @PageNumber * @PageSize; WITH RESULT AS ( SELECT Id, Name, Gender, Salary, ROW_NUMBER() OVER (ORDER BY ID ASC) AS ROWNUMBER From tblEmployee ) SELECT * FROM RESULT WHERE ROWNUMBER BETWEEN @StartRow AND @EndRow End HTML page <!DOCTYPE html> <html> <head> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { var currentPage = 1; loadPageData(currentPage); $(window).scroll(function () { if ($(window).scrollTop() == $(document).height() - $(window).height()) { currentPage += 1; loadPageData(currentPage); } }); function loadPageData(currentPageNumber) { $.ajax({ url: 'EmployeeService.asmx/GetEmployees', method: 'post', dataType: "json", data: { pageNumber: currentPageNumber, pageSize: 50 }, success: function (data) { var employeeTable = $('#tblEmployee tbody'); $(data).each(function (index, emp) { employeeTable.append('<tr><td>' + emp.ID + '</td><td>' + emp.Name + '</td><td>' + emp.Gender + '</td><td>' + emp.Salary + '</td></tr>'); }); }, error: function (err) { alert(err); } }); } }); </script> </head> <body style="font-family:Arial"> <h1>The data will be loaded on demand as you scroll down the page</h1> <table id="tblEmployee" border="1" style="border-collapse:collapse; font-size:xx-large"> <thead> <tr> <th>ID</th> <th>Name</th> <th>Gender</th> <th>Salary</th> </tr> </thead> <tbody></tbody> </table> </body> </html>
Views: 44912 kudvenkat
Json arrays and jQuery's Ajax function with PHP for the beginner - Guide
 
16:53
Javascript Object Notation: http://amzn.to/2pam8LF For best video quality, watch in 720p HD and full screen!! Requesting Json array from PHP to jQuery's Ajax function explained by David. $100 Free credit to spend at Digital Ocean when you sign up using the link: https://m.do.co/c/7e7436ae5d07 Please download the following to run with this video by the link below https://digitalbight.com/content/files/?download=jsonarrays.zip&type=zip http://digitalbight.cedar.net.au/content/Json-arrays-and-Ajax-function-with-php-for-the-beginner/eng Video number #003
Views: 25237 Devvid
insert any file without refreshing page in ajax  +jquery+php(images file,rar file,pdf file)
 
08:36
using Ajax and php upload images without page refresh.This tutorial is uplaod images file,rar file,pdf file,word file,txt file without refresh page.In this process any file is selected first and previewed before storing it in to any location.
Views: 5406 sadhariya pintu
Modal with Dynamic Previous & Next Data Button by Ajax PHP
 
19:39
In this video we have learn how to load dynamic data into Boostrap modal with previous and next records button by using Ajax JQuery with PHP without refresh of web page. Source Code - http://www.webslesson.info/2017/04/how-to-load-data-in-modal-with-next-previous-button-by-ajax-php.html
Views: 11015 Webslesson
Custom Alert Box Programming JavaScript CSS HTML Tutorial
 
12:04
Lesson Code: http://www.developphp.com/video/JavaScript/Custom-Alert-Box-Programming-Tutorial JavaScript comes equipped with stock dialog boxes that work well enough for alerting, confirming, and prompting for values. But most of the top interactive websites create their own custom dialog windows. Creating these windows yourself gives you more control over the interaction with the user, and allows you to customize every single aspect of the dialog window. In this first video lesson we will cover creating a dynamic custom alert box dialog from scratch. In the two following videos we will cover confirm and prompt boxes.
Views: 101229 Adam Khoury
jQuery Tutorial #6 - Building a jQuery Image Slider
 
17:11
In this jQuery Tutorial, we're going to be building a jQuery Image Slider Widget. There are lots of great jQuery slider plugins out there that have way more features and real-world testing, but this lesson on building one will help you understand jQuery programming a lot. We'll also introduce the concept of "DOM caching" - searching the DOM as little as we possibly can and then saving the results for quick-access later. Let's get into this jQuery Tutorial View the source code here: http://jsfiddle.net/EjZzs/15/ Lesson #1: jQuery Tutorial for Beginners https://www.youtube.com/watch?v=hMxGhHNOkCU Lesson #2: Listen to user events and respond with jQuery actions! https://www.youtube.com/watch?v=G-POtu9J-m4 Lesson #3: Clean up the jQuery by putting some data in the HTML https://www.youtube.com/watch?v=Cc3K2jDdKTo Lesson #4: "DOM Traversal" with jQuery https://www.youtube.com/watch?v=LYKRkHSLE2E Lesson #5: Building a jQuery Tab Panel Widget https://www.youtube.com/watch?v=1nWrIBB_bMA -~-~~-~~~-~~-~- Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device" https://www.youtube.com/watch?v=fgOO9YUFlGI -~-~~-~~~-~~-~-
Views: 397403 LearnCode.academy
jQuery - AJAX + Pagination #14
 
30:04
In this video we will learn how to make AJAX call to server and Pagination using jQuery. Tutorial: https://goo.gl/gpdWoy Subscribe: http://goo.gl/cFA9in Video: https://youtu.be/z5SFVYgoXiw Using LAMP stack for local server. You can use any other setup and programming language for your APIs. TImeline 12:00 Pagination jQuery Playlist: https://www.youtube.com/playlist?list=PLG6ePePp5vvbfbvBuv_Ny2QpkzI4Q4hMu GitHub repository: https://github.com/yusufshakeel/jquery-project HTML Playlist: https://www.youtube.com/watch?v=5gVxlxwBcCU&list=PLG6ePePp5vvYI1n1aFlELPfh9sfGcIHal CSS Playlist: https://www.youtube.com/watch?v=5ueRHotsM3A&list=PLG6ePePp5vvay3bbTde2X36BqUt7osZ3e JavaScript Playlist: https://www.youtube.com/watch?v=6jJHw9YJnQY&list=PLG6ePePp5vvZrPZCp85dssGxQ7QLfujt7 thanks for watching see you in the next video stay happy and keep smiling :-)
Views: 4235 Yusuf Shakeel
Create an event calendar using jQuery, Ajax and PHP
 
09:51
Create an event calendar using jQuery, Ajax and PHP Source Code: http://www.lisenme.com/create-event-calendar-using-jquery-ajax-php/ https://www.facebook.com/lisenme To Get More Follow us …. https://twitter.com/LisenMee To Get More Follow us …. http://www.lisenme.com Get Free Web templates, tutorials, Graphics
Views: 38752 soft tutorial zone
Data Table Using jQuery and Bootstrap
 
12:52
How to make data table using jquery and bootstrap, search table, sort table, table pagination, sum table, number page/row table
Views: 202057 Code Tube
Javascript Form Select Change Options Tutorial Dynamic List Elements HTML5
 
16:08
Lesson Code: http://www.developphp.com/video/JavaScript/Form-Select-Change-Dynamic-List-Option-Elements-Tutorial In this Javascript video lesson you will learn how to program dynamic select form list elements. To demonstrate the logic we will show how to change options of a select list based on the selection the user makes from the first list. A web application developer will definitely need to know how to do this when they get into form programming that involves data intake of categories and subcatories from a user.
Views: 218287 Adam Khoury
JavaScript popup window
 
11:54
Link for all dot net and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/01/javascript-popup-window_22.html In this video we will discuss, how to open a popup window using JavaScript. To open a popup window, use window.open() method. All the parameters are optional. window.open(URL, name, features, replace) URL - URL of the page to open. If URL is not specified, a new window with about:blank is opened name - Specifies the target attribute or the name of the window. _blank - URL is loaded into a new window. This is the default value if not specified. _parent - URL is loaded into the parent frame _self - URL replaces the current page _top - URL replaces any framesets that may be loaded name - name of the window features - Must be a comma-separated list. Some of the browsers does not support these features. menubar (yes/no) - Shows or hides the browser menu toolbar (yes/no) - Shows or hides the browser navigation bar location (yes/no) - Shows or hides the address field status (yes/no) - Shows or hides the status bar resizable (yes/no) - Whether or not the window is resizable scrollbars (yes/no) - Whether or not to display scroll bars top(pixels) - The top position of the window left(pixels) - The left position of the window height (pixels) - The height of the new window width (pixels) - The width of the new window replace - Specifies whether the URL creates a new entry or replaces the current entry in the browser history. Works only if the url is loaded into the same window. true - URL replaces the current document in the browser history list false - URL creates a new entry in the browser history list No parameters are passed to window.open() method. Since URL is not specified, a new window with about:blank will be opened. [input type="button" value="Open popup" onclick="window.open()" /] Most modern browsers open new tabs instead of separate windows. If you want to open the popup in a new window, one workaround I have found is to specify the URL, name, and features(height and width) parameters. This may not work in all browsers and it also depends on user's browser preferences. [input type="button" value="Open popup" onclick="window.open('http://google.com', '_blank', 'height=200,width=200')" /] When name parameter is set to _self, the new window replaces the current window [input type="button" value="Open popup" onclick="window.open('http://google.com', '_self')" /] Specify where you want the new popup window to be positioned using top and left features. [input type="button" value="Open popup" onclick="window.open('http://google.com', 'My Window', 'height=300,width=300, top=400, left=400')" /] Disable scrollbars and resizing. Works in IE but not in Chrome. [input type="button" value="Open popup" onclick="window.open('http://google.com', 'My Window', 'height=300,width=300, scrollbars=no, resizable=no')" /] To close pouup use window.close() method. [input type="button" value="Open popup" onclick="openPopup()" /] [input type="button" value="Close popup" onclick="closePopup()" /] [script type="text/javascript"] var popup; function openPopup() { popup = window.open("http://google.com","My Window", "height=300,width=300") } function closePopup() { popup.close(); } [/script]
Views: 138149 kudvenkat
jQuery image gallery
 
10:19
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/05/jquery-image-gallery.html In this video we will discuss how to create an image gallery with thumbnails using jQuery. We discussed how to do exactly the same thing using raw JavaScript in Part 41 of JavaScript tutorial. When you click on the image thumnail, the respective image should be displayed in the main section of the page. For the purpose of this demo we will be using the images that can be found on any windows machine at the following path. C:\Users\Public\Pictures\Sample Pictures Step 1 : Open Visual Studio and create a new empty asp.net web application project. Name it Demo. Step 2 : Right click on the Project Name in Solution Explorer in Visual Studio and create a new folder with name = Images. Step 3 : Copy images from C:\Users\Public\Pictures\Sample Pictures to Images folder in your project. Step 4 : Right click on the Project Name in Solution Explorer in Visual Studio and add a new HTML Page. It should automatically add HTMLPage1.htm. Step 5 : Add a reference to the download jQuery file. I am using jquery-1.11.2.js version for this demo. Step 6 : Copy and paste the following HTML and jQuery code in HTMLPage1.htm page. Replace < with LESSTHAN symbol and > with GREATERTHAN symbol <html> <head> <style type="text/css"> .imgStyle { width: 100px; height: 100px; border: 3px solid grey; } </style> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#divId img').on({ mouseover: function () { $(this).css({ 'cursor': 'hand', 'border-Color': 'red' }); }, mouseout: function () { $(this).css({ 'cursor': 'default', 'border-Color': 'grey' }); }, click: function () { var imageURL = $(this).attr('src'); $('#mainImage').fadeOut(500, function () { $(this).attr('src', imageURL); }).fadeIn(500); } }); }); </script> </head> <body> <img id="mainImage" style="border:3px solid grey" src="/Images/Hydrangeas.jpg" height="500" width="540" /> <br /> <div id="divId"> <img class="imgStyle" src="/Images/Hydrangeas.jpg" /> <img class="imgStyle" src="/Images/Jellyfish.jpg" /> <img class="imgStyle" src="/Images/Koala.jpg" /> <img class="imgStyle" src="/Images/Penguins.jpg" /> <img class="imgStyle" src="/Images/Tulips.jpg" /> </div> </body> </html> In our next video, we will discuss how to make this image gallery a bit more efficient using the concept of event bubbling.
Views: 49912 kudvenkat
Autocomplete textbox using jquery in asp net
 
17:30
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/06/autocomplete-textbox-using-jquery-in.html In this video we will discuss, how to implement autocomplete textbox using jquery and asp.net. The suggestions should come from the database table. Stored procedure to retrieve employee name suggestions Create proc spGetStudentNames @term nvarchar(50) as Begin Select Name from tblStudents where Name like @term + '%' End StudentHandler.ashx code using System.Collections.Generic; using System.Configuration; using System.Data; using System.Data.SqlClient; using System.Web; using System.Web.Script.Serialization; namespace Demo { public class StudentHandler : IHttpHandler { public void ProcessRequest(HttpContext context) { string term = context.Request["term"] ?? ""; List<string> listStudentNames = new List<string>(); string cs = ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString; using (SqlConnection con = new SqlConnection(cs)) { SqlCommand cmd = new SqlCommand("spGetStudentNames", con); cmd.CommandType = CommandType.StoredProcedure; SqlParameter parameter = new SqlParameter() { ParameterName = "@term", Value = term }; cmd.Parameters.Add(parameter); con.Open(); SqlDataReader rdr = cmd.ExecuteReader(); while (rdr.Read()) { listStudentNames.Add(rdr["Name"].ToString()); } } JavaScriptSerializer js = new JavaScriptSerializer(); context.Response.Write(js.Serialize(listStudentNames)); } public bool IsReusable { get { return false; } } } } Download jQuery UI from jqueryui.com. Copy and paste the following files in your project. a) jquery-ui.js b) jquery-ui.css c) images Add a WebForm to the ASP.NET project. Copy and paste the following HTML and jQuery code. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Demo.WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="jquery-1.11.2.js"></script> <script src="jquery-ui.js"></script> <link href="jquery-ui.css" rel="stylesheet" /> <script type="text/javascript"> $(document).ready(function () { $('#txtName').autocomplete({ source: 'StudentHandler.ashx' }); }); </script> </head> <body style="font-family: Arial"> <form id="form1" runat="server"> Student Name : <asp:TextBox ID="txtName" runat="server"> </asp:TextBox> </form> </body> </html>
Views: 58648 kudvenkat
Load More Data from Database using jQuery Ajax PHP MySQL
 
05:35
Read Tutorial and Download source code from CodexWorld.com - http://www.codexworld.com/load-more-data-using-jquery-ajax-php-from-database/ Youtube style show more data on click from the database using jQuery Ajax and PHP. Load more results from database with jQuery and Ajax. Load more pagination to retrieve dynamic data from database without page refresh using jQuery, Ajax, PHP, and MySQL. Subscribe for more tutorials: https://www.youtube.com/codexworld Stay Connected With Us: Website: http://www.codexworld.com Google+: https://plus.google.com/+codexworld Facebook: https://www.facebook.com/codexworld Twitter: https://twitter.com/codexworldblog
Views: 2975 CodexWorld
Create Shopping Cart Using PHP and Mysql
 
28:02
Create Shopping Cart Using PHP and Mysql Hello Friends, In this Video We are creating Simple Php Cart Tutorial. Download Sorce File :) https://github.com/akashyap2013/Php-shopping-cart.git Create new shopping cart project and add four product images. Create new database Product detail, create a new table product and add 4 column id, pname , images and price. now we are inserting our product details in our table we are adding four product in table. before we start make sure that you had subscribe to daily tuition channel. First Create a new php file with php extenstion. We are using bootstrap framework with javascript library. Copy bootstrap cdn in your cart.php file in head section. Now we are import google font in for better font family. Copy google font url and paste in style tag in our file. Now create new php session on top of the page. And create a new variable and assign database name to that variable. Now create Database connection and pass four parameter . Host name, username, password and database name. Now create sql query to fetch data from our table. Execute mysql query with two parameter connection and Query string. Now we are check if product table number of rows is greater than 0. In while condition we are fetch array and store in $row variable in array format. Now we are display dynamic images so we are adding php tag in source of image tag. This way we are display Dynamic image on our page. Now I want to display product name php $row["pname"] in this way we are display product name from sql table. Do the same to display price also. Now add input type text to add quantity of product Now create submit button input type="submit" Add css style to division tag of product class. Now create a table to display product details. Create a php code to calculate total amount of product. So first we are check that our cart session is empty or not if it is not empty To display product information in key and value pairs. This way we can access all values of session cart. Now I want to display item name so is have use echo To display item name from our cart session Now I want to display item quantity and price so I do that same as I do this before. After this we want to calculate price of product base on quanitity. So we are adding item quantity divide by item price. After this we want to remove item from cart so we are add to access the id of product. Now we want to calculate total price of product so we add After this create new row with colspan three and align this to right. Now display total amount of your product with after this create new css style to table table head and table data. And also style up shopping cart details titile. So now run script We are getting error in the line no 137 So make sure that you are compete all curly brackets. Here we miss one curly bracket so we add this to remove this error and again run this project. Now we cannot see the image because we only specify the name of our image not the absolute path of our image so I have move this image from image folder to our root path. And delete image folder. Now we are creating a php code top of the page Then check that our session cart variable value is set or not with isset function. Create new variable item array id with two parameters. Now add in array function to check whether a value exists or not. Create item array variable Now after this assign item array value to session cart to count index we already specify session cart to count variable. Now redirect our page with echo window.location=cart.php And redirect page to window location = cart.php page. After this check if session cart variable is not set then the isset execute else block. Now we will run our project but we find that table is not display properly so let’s find out what is the problem In this code we missing the table tag so we will insert table tag with table and table bordered. Then we are check that if get action is equal to delete if it is true then further code is execute. Now create a for each to access the value of session cart variable. After that check that if product if is equal to get id. If it is true then execute further code and unset session cart variable. Now we cannot see product price and name so let’s find out what is the problem. We are missing the echo function in the h5 tag in design section. Add laptop bag one quantity and vivo v5 with three quantity. Iphone 6 with 2 quantity and Phillips trimmer with one quantity. And at the bottom you will see the total price is calculated. Now we are remove vivo v5 item from the cart and it was removed. At again remove iphone 6 and you will see the difference in total price is reduced because we was removed one product. so if you have any question or any opinion please comment on my video and share this video to you friends. If you have any other question you can chat with me in channel discussion. You can follow me on Facebook Page. Thank You...!
Views: 57336 Daily Tuition
How to Live Search Using Php MySql Ajax - Ajax Tutorial
 
12:24
ajax multiple data parameters - how to pass data in ajax jquery - how to send data using ajax in php - how to pass multiple values in ajax to php - ajax get multiple data - jquery ajax php mysql live search - ajax php mysql search example - ajax search in php demo - php mysql ajax search autocomplete - ajax search box php mysql like google - search box in php - live search using ajax and jquery - jquery live search - jquery ajax search example - ajax search jquery ajax live data search using jquery php mysql. javascript live search - ajax live data search using jquery php mysql - how to pass multiple parameters in ajax in php - how to send multiple values in ajax - get http request jquery ajax get json - jquery ajax get example - jquery ajax post example - $.ajax( type get - jquery ajax example - javascript ajax post - jquery ajax tutorial - reload page without refresh using jquery - ajax load content without refresh the whole page - without refresh page load in php - ajax page load without refresh demo - load new page without refreshing - load content into div without reloading page - jquery ajax tutorial - jquery ajax get example - jquery ajax post - javascript ajax post - jquery ajax example - jquery ajax get json - jquery ajax data - $.ajax( type get.
Views: 1589 Soft-All
AJAX and JSON - With working example using JQuery
 
16:05
In this video I have explained Ajax and Json. And used the concept to make a simple web app. I have used jQuery, Html5 and CSS. The web app is just a button. Clicking the button makes an AJAX call to the url a fetches the data. The I display five items from the data on each click. Now when the list is completely traversed. It starts from the begining. Please provide your valuable suggestion in the comment section down below! :) Fake API site: http://jsonplaceholder.typicode.com/ jQuery CDN site: https://code.jquery.com/ Souce code: https://github.com/shabbyk/TutorialStuff/blob/master/AjaxCall.html
Views: 21823 Curious me
Facebook Style Popup Notification using PHP Ajax Bootstrap
 
15:27
In this video we have learn how to make Facebook type footer popup alert notification in PHP by using Ajax Jquery with Bootstrap. We have simple develop Facebook style live footer popup notification. For Source Code and Online Demo - http://www.webslesson.info/2017/05/facebook-style-popup-notification-using-php-ajax-bootstrap.html
Views: 17899 Webslesson
Ajax Portfolio Grid for WordPress - Video Preview
 
09:03
Ajax Portfolio Grid for WordPress is a sleek and minimal plugin packed full of awesome features. The plugin puts your work first, keeping the design elements to a minimum while still maintaining a definitive modern style. Portfolio items are loaded in smoothly using ajax, and can be filtered to display different categories without re-loading the page. This makes browsing your portfolio a much quicker and more enjoyable experience. Download Link - http://goo.gl/Dktk4C
Views: 14136 Soumyajit Saha
My Personal JavaScript Notes on How to
 
05:30
MyWebSite: https://www.aimiecaprice.com How to store an HTML elements content into a variable. How to write content to a variable using JavaScript. How to run a comparison statement on an HTML elements content When I initially dove into this, creating the condition was the thing that stumped me most. I got the rest of the equation that stated if this condition exists, do xyz. But my problem came with how do you get JavaScript to check if the condition exist and how do you create condition? Actually creating the condition is what really stump me most probably because I was over thinking it. I knew I wanted JavaScript to change the CSS display property depending on what image a user clicked...so I needed to write a function, make the image clickable, and have the function fire off "OnClick" So I created the condition inside the function which meant every time that function fired off the condition would be created by the function. JavaScript would literally write code that stated var x = 1, or var x = 2, depending on which function was being called by the user clicking various different images. . Example var x = 1; if( x == 1) { document.getElementById("desTxt1").style.display = "inline-block"; document.getElementById("desTxt2").style.display = "none"; document.getElementById("desTxt3").style.display = "none"; document.getElementById("desTxt4").style.display = "none"; document.getElementById("desTxt5").style.display = "none"; document.getElementById("desTxt6").style.display = "none"; document.getElementById("desTxt7").style.display = "none"; document.getElementById("desTxt8").style.display = "none"; document.getElementById("desTxt9").style.display = "none"; document.getElementById("desTxt10").style.display = "none"; document.getElementById("desTxt11").style.display = "none"; document.getElementById("desTxt12").style.display = "none"; }
Views: 80 wwwaimiecapricecom