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
+0 forum 0

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 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

Hi I have problem that cannot show form validation errors in view . I am using ajax to post data to controller. Here is my Controller's Validation part private function _validate() { $this->form_validation->set_rules('Name', 'Name', 'required|alpha'); $this->form_validation->set_rules('CellNo', 'CellNo', 'required|numeric'); $this->form_validation->set_rules('Address', 'Address', 'required'); $this->form_validation->set_rules('Rate', 'Rate', 'required|numeric'); $this->form_validation->set_rules('Advance', 'Advance', 'required|numeric'); $this->form_validation->set_rules('BottlesQty', 'BottlesQty', 'required|numeric'); $this->form_validation->set_rules('DeliveryDay', 'DeliveryDay', 'required'); $this->form_validation->set_rules('DeliveryPerson', 'DeliveryPerson', 'required'); $this->form_validation->set_rules('referenceName', 'referenceName', 'required'); if ($this->form_validation->run() == FALSE) { $errors = validation_errors(); echo json_encode(['error'=>$errors]);} } Here is view with ajax <div id="print-error-msg" class="alert alert-danger " style="display:none"></div> //part of ajax posting to controller var formData = new FormData($('#form')[0]); $.ajax({ url : url, type: "POST", data: formData, …

Member Avatar
+0 forum 0

Greetings to everyone, I am working as a freelance web developer, i have more than 4 years experience in osclass scripts. I am working in the osclass scripts for the past 4 years and have created nearly 67 sites in osclass, and have created many plugins, cuztomized themes, plugin cuztomizations according to the clients need. I saw many of the post was unanswered here regarding the osclass scripts, so i make this new topic those who are wandering for a good programmer for their osclass script, reply me here if you need my support, thanks.

Member Avatar
+0 forum 0

I have this code which I want to use but its color switching function doesn't work the way I want. Once I highlighted the target cells with one color, I also would like to highlight again with a different color without changing the color of the previously highlighted cells. Can somone help me with this, please? Here is a working example https://jsfiddle.net/a05nwahr/ I can only work with one color here only. Please ignore the messiness in the code, I hope you can see the problem in jquery. thanks. // JavaScript Document $(document).ready(function() { $('.selector').each(function() { $(this).on('click', check); }); $('.all').each(function() { …

Member Avatar
+0 forum 0

6 ‚óŹ4 I have a code that displays an array from GeoTab SDK, I am able to get the array to display in the console.log, and it populates the results like normal, However, When I try to populate the data in the table, nothing shows but the headings. Here is my code, and I will generate an object array and paste the code as well. I know the data that is generated is valid data, function generateDutyStatusLogSearch1(){ api.call("Get", { "typeName": "DutyStatusLog", "search": { "statuses": ["D", "OFF", "SB", "ON"], }, }, function(dutyStatusLogs) { var uniqueDrivers = {}; var multicall = []; …

Member Avatar
+0 forum 0

> this is php code for get value while ($row = $activeRiders->fetch(PDO::FETCH_ASSOC)){ $rider_name = $row['RiderName']; $longitude = $row['CurrentLongitude']; $latitude = $row['CurrentLatitude']; $locations[]=array( $rider_name, $latitude, $longitude ); } $markers = json_encode( $locations ); > Jquery function $(document).ready(function() { $('#map').height($('.page-container').height()); $( window ).resize(function() { $('#map').height($('.page-container').height()); }); <?php echo "var markers=$markers;\n"; ?> > Initialize Map map = new GMaps({ el: '#map', lat: 24.8615, lng: 67.0099, zoom: 12, zoomControl : true, zoomControlOpt: { style : 'SMALL', position: 'TOP_LEFT' }, circleOptions: { fillColor: '#ffff00', fillOpacity: 1, strokeWeight: 5, clickable: false, editable: true, zIndex: 1 }, panControl : false, streetViewControl : false, mapTypeControl: false, overviewMapControl: false, …

Member Avatar
+0 forum 0

I am following this **tutorial** to display **custom opacity control** in wordpress **default** color picker scheme, [Click Here](https://github.com/BraadMartin/components/tree/master/customizer/alpha-color-picker) i want my color picker looks like this, after adding opacity bar. ![dani.PNG](/attachments/large/4/735831d60c76788bcc1ce819a383ce49.PNG "align-center") I am using **twenteen seventeen theme** to display alpha color picker in the **apperence->customize->text**, but it is only showing the alpha text field with default set value. kindly help me thanks in **advance**

Member Avatar
+0 forum 0

I tested over and over and it seems there is something conflicting between these 2 scripts: bootstrap toggle and jquery validator. If I remove data-toggle=" toggle" the checkbox is required for validation, otherwise it just passes regardless of being checked or not! <form id="regiration_form" action="action.php" method="post"> <h1></h1> <fieldset> <h2>Pasul 1: Sa facem cunostinta!</h2> <h1></h1> <div class="form-group"> <label for="nume"><i class='fa fa-id-card-o'></i> Nume</label> <input type="text" class="form-control" id="nume" name="nume" placeholder="ex: Ion Popescu"> </div> <div class="form-group"> <label for="email"><i class='fa fa-envelope-o'></i> Adresa E-Mail</label> <input type="email" class="form-control" id="email" name="email" placeholder="ex: exemplu@domeniu.ro"> </div> <div class="form-group"> <label for="companie"><i class='fa fa-cog'></i> Companie</label> <input type="text" class="form-control" id="companie" name="companie" placeholder="ex: SC …

Member Avatar
+0 forum 0

I am using easyUI datagrid component and I'm trying to add bootstrap dropdown menu in a datagrid cell. The problem is when I click the dropdown button, the menu doesn't show. When moving the menu outside the cell, or remove the cell 'datagrid-cell' class, it works fine. No console errors shown. Here is the current HTML: <div style="height:auto;" class="datagrid-cell undefined"> <div class="select-grid-item-container"> <div class="select-grid-row select-grid-row-item options-active"> <div class="select-grid-options-dropdown"> <span class="select-grid-options" data-toggle="dropdown">Options</span> <ul class="dropdown-menu" role="menu"> <li role="presentation"> <a role="menuitem" tabindex="-1" href="#" class="send-email">Send Email</a> </li> </ul> </div> </div> </div> </div> Not sure if you any other details/code. Please do let me know …

Member Avatar
+0 forum 0

Hello, I'm trying to edit data from a selected table row by using contextmenu. But when I try to select a row for edting instead the **LAST DATA in a row** will fetch. Table: <div class="container"> <div class="row"> <div class="col-md-12"> <div class="table-responsive"> <table id="ppmpsupplies" class="table table-bordered table-hover" cellspacing="0" width="100%"> <thead> <tr> <th>Code</th> <th>General Description</th> <th>Unit</th> <th>Quantity</th> <th>Estimated Budget</th> <th>Mode of Procurement</th> <th>Actions</th> </tr> </thead> <tbody> <?php foreach($items as $item){?> <tr> <td> <?php echo $item->id;?> </td> <td> <?php echo $item->description;?> </td> <td> <?php echo $item->unit;?> </td> <td> <?php echo $item->quantity;?> </td> <td> <?php echo $item->budget;?> </td> <td> <?php echo $item->mode;?> </td> …

Member Avatar
+0 forum 0

Hello, I'm having trouble posting JSON to a url using Flask, AJAX and Javascript. Essentially, I would code using a library [Jquery Sortable](https://johnny.github.io/jquery-sortable/) to create a sorted list. From that sorted list I want to post to the server. The problem is that the server does not recieve the JSON post at all (or rather it doesn't know the content type). Now I've experimetned with multipe methods and it has led me to this issue of not posting. The information is posted below: {% extends "base.html" %} {%block title %}{{Title_Program}}{%endblock%} {% block styles %} {{super()}} <!-- In <head> --> <style …

Member Avatar
+0 forum 0

hello everyone , i have follwoing table structure check_id(pk) | user_id(fk) | check_in_time( timestamp ) | check_out_time( timestamp ) | is_checked_out(0 or 1) | checked_by | family_id now i want to calculate average of all checkIn and checkOut of user per day and then plot these data in graph this is what i have tried so far SELECT DAYNAME(check_in_checkout_time.check_in_time) as a ,DAYNAME(check_in_checkout_time.check_out_time) as b , ROUND(AVG(MINUTE(TIMEDIFF( DATE_FORMAT(check_out_time, "%h:%i:%s") , DATE_FORMAT(check_in_time, "%h:%i:%s") ))),0) as timediff FROM check_in_checkout_time WHERE check_in_checkout_time.checked_by =? this give result as a: wednesday b : wednesday timdiff: 14 and so on but does not give avgerage of all …

Member Avatar
+0 forum 0

How can I get my current content to slide to the left and bring in new content from the right (after clicking on button 1) when an existing student's username and password are correct, and if it's not correct display error messages that either the username or password isn't correct below each respective textbox .I am thinking about using an if/else condition. Also, how would I load the student's existing account information upon sliding it from the right, if I haven't created the content yet? If I already created the content to be slide in from the right, where do …

Member Avatar
+0 forum 0

i am doing tab panel and anchor(eg html?tab=profile#f1) in bootstrap Please run http://www.timothyhui.com/test/boom/hash_tab/ver2/go.html as example i made some examples with parameter in one page, when user click one of example and go to another page. Then that page gets parameters and anchor, then the tab will be changed and anchor jumps. tab=profile#p1, tab=profile is change tab, #p1 is anchor in profile tab, click "tab=profile#p1", "tab=profile#p2" or "tab=messages&pane=m13#m2", i have tested chrome and ie9 to edge are fine, however in firefox(tab=profile#p1 and tab=profile#p2), it's not working. please kindly help. i have tried to search any method in interent, but i have …

Member Avatar
+0 forum 0

I need to validate a name field to validate if the name field is empty and if the name existed in my database. If it passes both the validation(the user has input a name that is not existed in my database), then the form will be submitted. The problem is with my validation of name existed in my database. I used ajax and even though I used e.preventDefault() to stop the form from submitting if the name existed in the success block, it just pops up an alert "name existed" and proceed to submit the form. Please help. index.jsp <%@ …

Member Avatar
+0 forum 0

Hi all, There is a jquery method that has replaced toggle-event (that is deprecated in version 1.8, and removed in version 1.9)? Or is it necessary to use a loop? It was very convenient to have a different event depending on the number of clicks made, as indeed did jquery ver. <1.9 (write less) Thanks. Juri Example (toggle with jQuery ver. 1.8): [[Click Here](https://jsfiddle.net/rudijuri/2a8cqd5j/)](null) (script on jsfiddle)

Member Avatar
+0 forum 0

** edit http post i need to remove courses stored in ids variable note i need remove courses selected not edit** in jquery i store values of removed courses in ids variable suppose i removed photoshop and flash it will store value of 3,4 in ids variable below code when click remove it save values of courses removed in variable ids as array $("#tb").on("click", ".r", function () { $(this).parent().parent().hide(); $(this).parent().prev().prev().find("input").addClass("remove"); var ids = []; var i = 0; $(".remove").each(function () { ids[i] = $(this).val(); i++; }); for (var k = 0; k < ids.length; k++) { alert(ids[k]); } }); i …

Member Avatar
+0 forum 0

Guys i'm trying to get data joined from two tables. I have a select options dropdowns with Fabrics names the other has sizes. I am wondering how i will make my dropdown changes the values for each fabric in each size and multiply for the amount of fabric selected. this is my fabric table, tecido is Fabrics(this table name is almofadas): [Table picture](http://i.stack.imgur.com/8ZXVg.png) This is my price table, only a part of it (this table name is valores_almofadas): [Table picture](http://i.stack.imgur.com/sr5KM.png) This is my checkout.php UI: [My UI](http://i.stack.imgur.com/6Zc0H.png) Lemme explane it better... First thing, is the user has to select a …

Member Avatar
+0 forum 0

I have problem while calling jquery functions it generates double output while when we do highlight questions and crossout on html content sometimes highlight and crossout also not working with selecting using Ctrl+A or select all. highlight and crossout values i am storing to database so, we can remain next time in questions. I am trying and just needs to works it well. [**Click Here For Output**](https://jsfiddle.net/17hhj61f/17/) **HTML CODE:** <style> .highlight{background:yellow;} .crossout{text-decoration: line-through;} </style> <input type="button" onClick="return false;" id="btn_highlight" unselectable="on" value="highlight" class="unselectable" alt="highlight" width="36" height="38"> <input type="button" onClick="return false;" id="btn_crossout" unselectable="on" value="crossout" class="unselectable" alt="crossout" width="36" height="38" /> <input name="highlight" id="highlight" …

Member Avatar
+0 forum 0

I need to create a form with five dropdown select lists. Making a selection in any list will cause the other lists to repopulate. It's fine if the page refreshes in order to repopulate the lists, although eventually I'd love to have it happen dynamically (using Ajax or JQerry). The development environment I am working in (and learning) is PHP. ## A working example ## It needs to function in the same way as the form found [here](http://www.cruises.co.za/cruise/search). I have been provided with the dataset used by that form. (I receive the data as an XML feed, which I populate …

Member Avatar
+0 forum 0

I have problem while calling jquery functions it generates double output while when we do highlight questions and crossout on html content sometimes highlight and crossout also not working with selecting using Ctrl+A or select all. highlight and crossout values i am storing to database so, we can remain next time in questions. I am trying and just needs to works it well. [**Click Here For Output**](https://jsfiddle.net/17hhj61f/17/) HTML CODE <style> .highlight{background:yellow;} .crossout{text-decoration: line-through;} </style> <input type="button" onClick="return false;" id="btn_highlight" unselectable="on" value="highlight" class="unselectable" alt="highlight" width="36" height="38"> <input type="button" onClick="return false;" id="btn_crossout" unselectable="on" value="crossout" class="unselectable" alt="crossout" width="36" height="38" /> <input name="highlight" id="highlight" …

Member Avatar
+0 forum 0

**Problem** when remove any course from table list html his position in center or first it make problem in index in database **Details** IF I have list of courses as following : Delphi Flash Photoshop IF I remove flash by JQUERY remove button then click save button it delete flash and Photoshop because there are wrong in delete courses by using remove function in jquery if i remove php it is working without any problem because it is last item suggestion using map function when remove but how to do that if there are any solution for that without using …

Member Avatar
+0 forum 0

I want to check if the username existed in my database against the input of the user after the button is clicked. If the username existed, it will show "Username Not Avaliable" in the span and the username textbox will be highlighted in red. I tried to use ajax for the function and bootstrap "has-error" to achieve my highlight the textbox in red when the username is found in my database but I still don't understand how to piece everything together to achieve my desired output as I only begin to learn ajax and javascript recently. Please help. thanks. home.jsp …

Member Avatar
+0 forum 0

Code: <div class="container"> <div id="preview"></div> <form id="form" method="post" enctype="multipart/form-data"> <div class="form-body"> <div class="form-group"> <label class="control-label col-md-3">Title</label> <div class="col-md-9"> <input name="title" placeholder="Holiday" class="form-control" type="text"> </div> </div> </div> <div class="form-body"> <div class="form-group"> <label class="control-label col-md-3">Image1</label> <div class="col-md-9"> <input type='file' name='image1' class='form-control'> <img class="image1 img-thumbnail" style="display:none" alt="image1" width="100" height="100" /> </div> </div> </div> <div class="form-body"> <div class="form-group"> <label class="control-label col-md-3">Image2</label> <div class="col-md-9"> <input type='file' name='image2' class='form-control'> <img class="image2 img-thumbnail" style="display:none" alt="image2" width="100" height="100" /> </div> </div> </div> <button type="button" id="btnSave" onclick="save()" class="btn btn-primary">Save</button> </form> <div id="err"></div> </div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript"> function save() { $.ajax ({ url: "ajax.php", type: "POST", data: new FormData(this), …

Member Avatar
+0 forum 0

in my code below i can edit row success without any error but if i need to cancel value edited in row OR get value before changed what i write to cancel edit in row in table by using jquery my code as following @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <script src="~/Scripts/jquery-1.10.2.js"></script> <script> $(function () { $("#btn").click(function () { var x = $("#txt1").val(); var y = $("#txt2").val(); var z = $("#mycountry").val(); $("#tb").append("<tr> <td>" + x + "</td> <td>" + y + "</td> <td>" + z + "</td><td> <input type='button'class='c' value='Delete'/></td><td> <input type='button' …

Member Avatar
+0 forum 0

How to add new languages in this example? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript" src="https://www.google.com/jsapi"> </script> <script type="text/javascript"> // Load the Google Transliterate API google.load("elements", "1", { packages: "transliteration" }); var transliterationControl; function onLoad() { var options = { sourceLanguage: 'en', destinationLanguage: ['ar','hi','kn','ml','ta','te'], transliterationEnabled: true, shortcutKey: 'ctrl+g' }; // Create an instance on TransliterationControl with the required // options. transliterationControl = new google.elements.transliteration.TransliterationControl(options); // Enable transliteration in the textfields with the given ids. var ids = [ "transl1", "transl2" ]; transliterationControl.makeTransliteratable(ids); // Add the STATE_CHANGED event handler to correcly maintain the state // of the checkbox. transliterationControl.addEventListener( google.elements.transliteration.TransliterationControl.EventType.STATE_CHANGED, …

Member Avatar
+0 forum 0

Hey everyone, I am trying to be able to have a textbox that only accepts numbers that is either 1 or greater but less than the number of items in a table from the databse. The queries work fine and such. What I'm trying to figure out is how to get the value from the user input without having to submit the values. The goal is to have a drop down menu (multiple ones depending on the user's input) appear where the user can pick the numbers from the table in the order that they want. Is that possible? This …

Member Avatar
+0 forum 0

Hi, I need your help to zoom a place when click a marker in Leaflet. I used this code from http://leafletjs.com/reference.html#control-zoom map.on('click', function(e) { alert(e.latlng); }); this click event not working

Member Avatar
+0 forum 0

The End.