i've been tried some code : a.html : <div class="content"> <a href="howto_google_maps.asp">Google Maps</a><br> <a href="howto_css_animate_buttons.asp">Animated Buttons</a><br> <a href="howto_css_modals.asp">Modal Boxes</a><br> <a href="howto_js_animate.asp">Animations</a><br> <a href="howto_js_progressbar.asp">Progress Bars</a><br> <a href="howto_css_dropdown.asp">Hover Dropdowns</a><br> <a href="howto_js_dropdown.asp">Click Dropdowns</a><br> <a href="howto_css_table_responsive.asp">Responsive Tables</a><br> </div> b.html (1st trial), i got this from w3schools : <html> <head> <script src="js/jquery-3.3.3.min.js"></script> <script> function includeHTML() { var z, i, elmnt, file, xhttp; /*loop through a collection of all HTML elements:*/ z = document.getElementsByTagName("*"); for (i = 0; i < z.length; i++) { elmnt = z[i]; /*search for elements with a certain atrribute:*/ file = elmnt.getAttribute("w3-include-html"); if (file) { /*make an HTTP request using the attribute …

Member Avatar
+0 forum 0

**hello When I push submit the page refresh. Any suggestions to stop refresh ? I'm assuming it's something to do with the submit button but I can't figure it out this is my script :** <form id="form1" class="form-horizontal" method="POST" action=""> <input type="hidden" name="action" value="ajouter_reservation" /> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myModalLabel">Ajouter une reservation</h4> </div> <div class="modal-body"> <div class="form-group"> <label for="start" class="col-sm-2 control-label"> date debut </label> <div class="col-sm-10"> <input type="text" name="start" class="form-control" id="start" readonly> </div> </div> <div class="form-group"> <label for="end" class="col-sm-2 control-label">date fin </label> <div class="col-sm-10"> <input type="text" name="end" class="form-control" id="end" readonly> </div> </div> > <div …

Member Avatar
Member Avatar
+0 forum 2

I have multiple HTML tables which is generated by PHP, Each table has a dynamic ID assigned to it What i would like is a total of the time in the "Worked Time" column for each table. [![enter image description here][1]][1] <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>Visitor Sign In Admin</title> <!-- Bootstrap Core CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Custom CSS --> <!--link href="css/sb-admin.css" rel="stylesheet"> <!-- Morris Charts CSS --> <link href="css/plugins/morris.css" rel="stylesheet"> <!-- Custom Fonts --> <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="css/ionicons.min.css"> <!-- needs to …

Member Avatar
Member Avatar
+0 forum 1

Hello, I am making a website ... I have a body class with background color, and a div container inside that has some content. What I want to do is to make the background clickable, and when you click it it should redirect to another page. In other words, I want my background to act like the div with the content inside it is a modal and when you click on it to redirect to different page. *it is not a modal. I do not need a modal. Thank you

Member Avatar
Member Avatar
+0 forum 1

Menu sub links overlapping when select box opens , how to fix this Check this below link for reference http://i.stack.imgur.com/lCCWO.gif

Member Avatar
Member Avatar
+0 forum 8

browser application to draw, print the text. in programming language typescript. in not found google source... help! Help me find I need source code

Member Avatar
Member Avatar
+0 forum 1

I'm working on site preloader. I need help to animate div width on every image load **Concept** Check every image in container is loaded. On every image load increase width of loader in percent to match **100% loader width** ( 100% of viewport) on last image load. After last image is loaded loader will be 100% of viewport & run any function suppose **function a() { }** I think more than one **.animate();** functions needed. Is any need to use `(g = parseInt(c / a.length * 100) ` to increase width **End** Script code hints (it's uncomplete I'm working on …

Member Avatar
Member Avatar
+0 forum 2

Hi, I want to make online shop and I made most of it but I have problem on product page.I want for "customers" ( this is my personal project so ... ) to be able to choese and then what they choese to be store into table. I struggling with this more then 3 hour , I try everyhing , this is my last shoot. (I used the echo because I want to show it , so after that I would put insert into, but ... I was not able to do it ) <?php $con = mysqli_connect("localhost","root","","basic"); $query = …

Member Avatar
Member Avatar
+0 forum 1

Got Client with need of **"online print shop"** Client is providing paper printing (like business cards, flyers), printing on cloths, office stationary, logo embroidery on any type of clothing. Client provided some examples. **Links** * [rockdesign](https://www.rockdesign.com/) * [moo](https://www.moo.com/ca/) * [readyprint](https://www.readyprint.ca/) * [vistaprint](https://www.vistaprint.ca/) * [printshop](https://printshop.ca/) * [printvenue](https://www.printvenue.com/) **Where do I start?** Which platform should I choose? 1. CorePHP 2. Wordpress 3. WooCommerce 4. Magento 5. Prestashop 6. WordPress Is there any plugin or script that should I go for???

Member Avatar
Member Avatar
+1 forum 14

Need help to scroll when mouse wheel is used. Scroll Up or Down as per mouse action. I'm trying to create `moveDown()` & ` moveUp()` function, to scroll according mouse wheel action On scroll, remove class of current div :- `.active` and add class :- `.active` to scrolled div(div in viewport), by default first div has class `.active`. Following is my code structure. **HTML** <div class="wrap"> <div class="pane active"><h1>pane_1</h1></div> <div class="pane"><h1>pane_2</h1></div> <div class="pane"><h1>pane_3</h1></div> <div class="pane"><h1>pane_4</h1></div> <div class="pane"><h1>pane_5</h1></div> <div class="pane"><h1>pane_6</h1></div> </div> **CSS** .wrap { height: 100vh; width: 100vw; position: absolute; display: inline-block; margin: 0 auto; top: 0; left: 0; background: #D88C2A; …

Member Avatar
Member Avatar
+0 forum 2

I'm fetching client records from the database and after concatenating the model class properties(FirstName and LastName) I converted these records in JSON string. My goal is to display these records in Jquery Datatable. I observed at debugging, all these records are in a single string causing the error **"Requested unknown parameter"**. At first, I tried to return a simple JSON return method return `Json(ClientList)` but it did not concatenate the model class properties. Thus, I used `JsonConvert.SerializeObject()` to convert all the details by passing ClientList object and now scratching my head how to use this JSON String in Jquery Datatable …

Member Avatar
Member Avatar
+0 forum 3

I am working on an image cropper. And I am on the first stages. I want to know how to create the the two divs over the image, one is transperent while the other acts as a mask. Can this be done with CSS? Or should I consider jQuery? This is what I want to accomplish ... ![Croppr_js.png](/attachments/large/4/5d86601b7d949d7e68afe7357beafc5d.png) I just want to know how to create this overlay image feature.

Member Avatar
Member Avatar
+0 forum 11

* My [Primary code](https://jsfiddle.net/kvp2Laju/) jsfiddle * I was using [iscroll](https://github.com/cubiq/iscroll) to scroll to target. * **data-section** attribute is used for section id. section is full height & full width size. * **data-slide** attribute is used to get target id, it is animated mouse icon. how to scroll to target ? Need help to create scrolling using custom **data-** attribute

Member Avatar
Member Avatar
+0 forum 5

I'm stuck with playing multiple sounds on website. I've 3 sounds , * Background sound * Hover Sound * Link Hover Sound I'm playing background sound with following code, //play audio var audioOn = true; var bg_src = "audio/bgaudio.mp3"; var audio = new Audio(); audio.addEventListener("load", function() { audio.play(); }, true); audio.src = bg_src; audio.autoplay = true; audio.loop = true; audio.volume = 0.2; //play or pause audio $('.equalizer').on('click', function(e) { if (audioOn == false) { audio.play(); audioOn = true; } else { audio.pause(); audioOn = false; } }); This one is working well for background sound, need help to create functions …

Member Avatar
Member Avatar
+0 forum 1

I found some examples of custom function. By checking code of some websites I created my custom function, but I'm unable to use it. How to call & use following functions? goHome: function goHome(e) { //TimelineMax code //TweenMax code } openWork: function openWork(e) { //TimelineMax code //TweenMax code } openAbout: function openAbout(e) { //TimelineMax code //TweenMax code } goToProjects: function goToProjects() { //TimelineMax code //TweenMax code }

Member Avatar
Member Avatar
+0 forum 1

Hello guys , i have an issue , my jquery code works on safari but when i go on chrome or any other web browsers it dosen't work . I tried to edit my code but still nothing is working . I do not know where it comes from, the code is quite simple that's why i dont really understand . [My code :](https://paste.ofcode.org/m9yVDhGeXHTZUQ5sTW3HL7)

Member Avatar
Member Avatar
+0 forum 1

...was asked for some php file upload code, so I thought I would post some stripped down, barebones code that I use in admin/dashboard pages to add/change images associated with products. Please see attached image for folder setup. The code uses the [jQuery Form](http://malsup.com/jquery/form/) plugin by Mike Alsup. **index.php** has two forms; one for the image uploads and the other to show where you would have your "product add/update" form. Files are immediately uploaded to a tmp directory whenever you select an image. If you change your mind a few times you can end up with lots of images in …

Member Avatar
Member Avatar
+1 forum 9

in C# and PHP, we can parse xml data easily by server side coding, but how we can parse xml with client side? java script or jquery is the best option?

Member Avatar
Member Avatar
+0 forum 2

Working on fullscrfeen slider. Need help to count slides inside main slider container & create navigation `<ul class="Nav"><li><a></a></li></ul>`. Need help to add scroll effect Vertically or Horizontally Add class **.active** to active slide Display tooltip on navigation hover Need help to write function , $('main').slider({ //It may be main or .slider or #slider sectionSelector: '.slide', navigation: true, navigationPosition: 'right', navigationTooltips: true, scrollHorizontally: true }); **HTML** <main class="slider" id="slider"> <section class="slide" data-tooltip="tooltip-info"> <h1>slide 1</h1> </section> <section class="slide" data-tooltip="tooltip-info"> <h1>slide 2</h1> </section> <section class="slide" data-tooltip="tooltip-info"> <h1>slide 3</h1> </section> <section class="slide" data-tooltip="tooltip-info"> <h1>slide 4</h1> </section> </main> **CSS** main { width: 100vw !important; height: …

Member Avatar
Member Avatar
+0 forum 1

Hi, I have to pass string entered in the input text to server method calling through jquery ajax. But its not going through. can please somebody tell me what i m doing wrong here. Below is the code: [CODE]$.ajaxSetup({ cache: false //timeout: 1000000 }); function concatObject(obj) { strArray = []; //new Array for (prop in obj) { strArray.push(prop + " value :" + obj[prop]); } return strArray.join(); } //var Eid = "stephen.gilroy1"; function testCAll() { //var ntid = $('#Eid').val(); $.ajax({ type: "POST", url: "Testing.aspx/SendMessage", //data: "{'ntid':'stephen.gilroy1'}", //working data: "{'ntid': $('#Eid').val()}", contentType: "application/json; charset=utf-8", dataType: "json", success: function(result) { alert(result.d); resultData …

Member Avatar
Member Avatar
+0 forum 5

hey its me again.. now another matter about fetch data from db for provide information to modal form ( edit data ) not shown, [Click Here](https://i.ibb.co/L8jP6tb/update.png) here's just part code fr each related page : **modal edit** ill try with first input type with **id="name" name="name"** <!-- edit modal --> <div class="modal fade" tabindex="-1" role="dialog" id="editEmployModal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title"><span class="glyphicon glyphicon-edit"></span> Update Pegawai</h4> </div> <form class="form-horizontal" action="pegawai/update.php" method="POST" id="updateMemberForm"> <div class="modal-body"> <div class="edit-messages"></div> <div class="form-group"> <!--/here teh addclass has-error will appear --> <label for="nama" class="col-sm-2 control-label">Nama</label> <div class="col-sm-10"> …

Member Avatar
Member Avatar
+0 forum 1

inside mysql db which is table employe in coloumn *id_employee*, some data have a leading zero, etc : **id_employee : 0378192918 empy_name : Daniweb** i need to get id_employee for delete employe in my aplication, then i using ajax method like this : if(id) { alert(id); $("#deleteBtn").unbind('click').bind('click',function(){ $.ajax({ url: 'pegawai/delpeg.php', type:'post', data: {emp_id : id}, datatype: 'json', success:function(response) { return value is **378192918**, the first number **0** not showing in alert box. why ? then how to get entire value id_employe from db ?

Member Avatar
Member Avatar
+0 forum 8

I have managed to achieve this action through this: <link href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="input-group"> <input type="password" id="pass-on" title="<?php echo $user->valid_password_error; ?>" class="form-control" name="txt_upass" placeholder="Enter Password" autocomplete="off" value="" oninvalid="setCustomValidity('<?php echo $user->password_error; ?>')" oninput="setCustomValidity('')" required /> <label>Password</label> <div class="input-group-append"> <span class="password-button password-button-main" data-id="pass-on"><i class="fas fa-eye-slash"></i></span> </div> </div> <div class="form-group progress jquery-result-1" style="height: 10px;"> <div class="form-group input-group"> <input type="password" id="pass-verify-on" title="<?php echo $user->valid_password_error; ?>" class="form-control" name="txt_upass_ok" placeholder="Retype Password" autocomplete="off" value="" oninvalid="setCustomValidity('<?php echo $user->password_error; ?>')" oninput="setCustomValidity('')" required /> <label>Retype Password</label> <div class="input-group-append"> <span class="password-button password-button-verify" data-id="pass-verify-on"><i class="fas fa-eye-slash"></i></span> </div> </div> <script> function togglePasswordVisibility($pw, on, id) { $pw.attr('type', on ? 'password' : 'text'); …

Member Avatar
+0 forum 0

I develop a website who is using https://github.com/sindresorhus/screenfull.js/ for full-screen mode. On Chrome, Firefox, Open, and Safari the plugin it works properly. But when I go to Internet Explorer 10+ the plugin doesn't work properly. So when I'm in full-screen mode I can not scroll the content even with the keyboard. I tried to add overflow: scroll !important; overflow-y: scroll !important; to the body but without changes. Can you please help me? Thank you in advance.

Member Avatar
Member Avatar
+0 forum 2

I installed this php with captcha email form on my website --> http://reusableforms.com/d/d4/php-email-form-with-captcha I have it working. :) But there are two things that I want to change. (1) I want to change the color of the submit button. I have semi done that with the following code: .btn { background: rgba(77, 56, 36, .75); border: 1px solid #271c16; color: #c3db74; } .btn:hover, .btn:active, .btn:visited { background-color: rgba(196, 227, 64, .65); border: 3px solid #c7d8e8; box-shadow: 1px 1px 21px #271c16; color: #271c16; } What is not working is when the form returns with an incorrect captcha entry then the button …

Member Avatar
+0 forum 0

I am a novice at JavaScript an jQuery. I am writing a project and trying to incorporate $(this) to read a data attribute. Once the data attribute is determined and assigned to a variable, I intend to use that to access other form elements. Instead of reading the data attribute as intended, clicking the button is submitting the form. This is a code sample: <fieldset class="new_inputs" id="new_inputs1"> <label for="file_input_1">Input File:1</label> <input class="fileRenamingFormInput" name="file_input_1" id="file_input_1" type="text" value=""> <br> <select class="fileRenamingFormSelect" name="destinationFile_1 id="destinationfile_1">...</select> <input class="fileRenamingFormFileOut" name="file_out_1" id="file_out_1" type="text" value=""> <br> <textarea class="copyCommandBlock" name="copyCommandBlock1" id="copyCommandBlock1"></textarea> <button type="submit" class="btnGenerate" id="btnGenerate1" data-idx="1">Generate command</button> <- Button …

Member Avatar
Member Avatar
+1 forum 12

I am creating a web slider (responsive), but I need it to have a wave transition, what would be my best option? Thanks.

Member Avatar
Member Avatar
+0 forum 1

I have jquery for my mobile website, but the problem is with iPhones. The touch event, or `onclick` event does not work on iPhones. It works on Android. Have anyone encountered the same problem? How can I fix this? Are there any work arounds? Also I am a bit confused about jQuery Mobile. What is the purpose of this framework other than the swipe events? Should I add both jQuery and jQuery Mobile for my mobile site?

Member Avatar
Member Avatar
+0 forum 6

I am looking to develop my skills as a web developer. I want to find new challenges that can help me do that. Do you know any resources that can help?

Member Avatar
Member Avatar
+0 forum 2

On my page https://fiftyallstars.com/50/curriculum.html , I have some basketball drills loading from a google spreadsheet of mine. Only thing is after it loads, I can't seem to get the datepicker to show today's date. My players get confused by having to select the date each time, and I'd rather it just default to today's date instead. Looking around the web, I stumbled upon a code that looked like it should work but did not $(document).ready(function() { $('#txtDate').datepicker(); $('#txtDate').datepicker('setDate', 'today'); }); Assuming that's close, could someone help me perfect it and maybe tell me where exactly to add it? Or, if …

Member Avatar
Member Avatar
+0 forum 6

The End.