Member Avatar

A client would like me to implement spreadsheet-style form traversal using the arrow keys on a keyboard, i.e. left arrow would submit the entry for that field and then move left by one field on the form. The form is managed by my PHP code. Does anyone have a [U]browser-independent[/U] method of doing this please? All input fields in the form are single line text fields.

Member Avatar
+0 forum 4
Member Avatar

I'd like for my page (https://fiftyallstars.com/tour.html) to load, and for the TOUR to start automatically. Right now visitors must click a button with id "starttour" Here's what I've added so far, but it doesn't do the trick: <script> $(function () { window.onload = $('#starttour').click(); }); </script> <a class="start-tour" href="#" id="starttour"><span class="two skinny" style="margin:10px 5px; width:290px; font-weight:bold; letter-spacing:4px;"><i class="fa fa-photo animated faa-pulse faa-slow"></i> Take a Detailed Tour</span></a> Thanks for any help whatsoever.

Member Avatar
+0 forum 4
Member Avatar

Hi, I am ope and new to daniweb

Member Avatar
+0 forum 1
Member Avatar

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
+0 forum 6
Member Avatar

My quiz has a textbox, mcq and checkbox. At first, the checkAnswer() worked when I did not input the show() function to my javascript. It showed my overall score. But after I input that show() function to display 1 question at a time, my score is always 5/7 or less. Please do tell what is wrong with my code and if you have any recommendations. Please do tell. Here is the demo. [Click Here](https://codepen.io/huha2511/pen/zYYEaxY?editors=0010) <body> <div id="container" > <div id="start" > <div id="ready"> <button onclick="show('q1')"><h1>START NOW</h1></button> </div> </div> <div id="quiz"> <form name="quizForm" > <div id="q1" style="display:none;" > <!--QUESTION 1--> <div …

Member Avatar
+1 forum 1
Member Avatar

Please give any idea

Member Avatar
+0 forum 6
Member Avatar

hi brothers , i work on a ASP.NET MVC Project, please i try to get a cookie who created already using server side C# , and in a pure HTML page not .CSHTML i talk now about .HTML page , in this page i want to using javascript to read the value of the cookie that i created using C# . i wish if anyone can help me and thanks so much in advance.

Member Avatar
+0 forum 1
Member Avatar

I am working on a project for drag and drop items in a shopping cart. For an item dropped into the cart, I am trying to implement jQuery $.ajax. The result back from the PHP is pre-pended with '`' and I can not figure out why. This is the javascript: $('#target').droppable({ drop: function(event,ui) { var id = $(ui.draggable).data('id'); var aisle = $(ui.draggable).data('aisle'); $.ajax({ url : base_url+'/index.php/groceries/jquery_append_to_list', cache : false, type : 'post', data : { 'id' : id, 'aisle' : aisle }, success : function(data) { $('#target').append('<p data-id="'+id+'" data-aisle="'+aisle+'" class="draggable">'+data.item+'</p>'); } }) } }); This is the PHP script: function …

+0 forum 0
Member Avatar

I have predefined value like shipping_weight = 10$, my form consisting two dropdown list, if the dropdown selected based on the selection how to return my ajax value, Index.php : <tr> <th>I have : </th> <td> <select id="old" name="i_have"> <option value = "select_option">Select Option</option> <option value = "three_compact">3 Compact</option> <option value = "three_regular">3 Regular</option> <option value = "three_triple">3 Triple</option> <option value = "five_compact">5 Compact</option> <option value = "five_regular">5 Regular</option> <option value = "five_triple">5 Triple</option> <option value = "seven_compact">7 Compact</option> <option value = "seven_regular">7 Regular</option> <option value = "seven_triple">7 Triple</option> <option value = "nine_compact">9 Compact</option> <option value = "nine_regular">9 Regular</option> <option …

+0 forum 0
Member Avatar

Many thanks if you are looking at this. I have a simple order form that allows users to place an order for an item. The form also allows the user to add more items, calling a javascript function that utilizes innerhtml. Included in each order form, are dates. I am using a jquery calendar to populate the dates. When the original form is loaded, the calendar works fine, but when I call the function to add items via the innerhtml, the calendar does not work, either on the original form text fields, or the form text fields added by the …

Member Avatar
+0 forum 4
Member Avatar

I have a small application written using javascript (NodeJS). How can I run it as an executable file?

Member Avatar
+0 forum 5
Member Avatar

The challenge I need to resolve is getting a sub-string from strings such as those below. Each line is of an array so I am iterating and working on one line at a time in a JavaScript loop. All of the strings have the names at the start of the line: Joe Smith will run... Jane Jones will follow... Bridget Burns and Jack Jones will be away... Jack Jones, Gracie Burns and George Burns have three days in... The sub-string I need is the name(s) at the start of each string. My JavaScript is handling an example of the first …

Member Avatar
+0 forum 8
Member Avatar

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
+0 forum 6
Member Avatar

Hi, In my application two fields are the user id and user name,i want to show the user name and user id along with other details in a html table. user id is a numeric dropdown menu and user name is text only.How can i show the specfic record in that table for that user which i have selected in both of the fields ,how i can fetch data from backend User table?am using html,css and javascript, Any suggestion would be grateful!Thanks..

Member Avatar
+0 forum 1
Member Avatar

I’ve created animated `rect` shape with **greensock**. It's not working on jsfiddle so created on [codepen](https://codepen.io/anon/pen/PdezOj) I’ve three shapes. I need help with following, 1. make it 100% height & width of viewport 2. it stops for a while before repeating, move `rect` without any gaps 3. they bacomes one rect while ending keep fixed distance between all 3 rect <svg x="0px" y="0px" width="100%" height="100%"> <rect x="0" y="0" fill="none" stroke="#88CE02" stroke-width="4" stroke-miterlimit="30" width="100%" height="100%" id="rect1" /> <rect x="0" y="0" fill="none" stroke="#ce4201" stroke-width="4" stroke-miterlimit="30" width="100%" height="100%" id="rect2" /> <rect x="0" y="0" fill="none" stroke="#8601ce" stroke-width="4" stroke-miterlimit="30" width="100%" height="100%" id="rect3" /> </svg> <script …

Member Avatar
+0 forum 1
Member Avatar

Borders are animating one after one. Need help to animate all borders at same time Here is running example [jsfiddle](https://jsfiddle.net/npLsm0j2/) **CSS** * { padding: 0; margin: 0; outline: none !important; } body { background: #E0D4D4; overflow: hidden; } .borders { height: 100vh; width: 100vw; position: absolute; display: inline-block; z-index: 1; } .border-t { position: absolute; z-index: 1; height: 1px; top: 60px; left: 60px; width: calc(100% - 60px * 2); } .border-t-l-wrap, .border-t-r-wrap { position: absolute; top: 0; height: 100%; overflow: hidden; } .border-t-l-wrap { left: 0; width: 50%; } .border-t-r-wrap { right: 60px; width: calc(50% - 60px); } .border-t-l { …

Member Avatar
+0 forum 9
Member Avatar

I need some help to add few audio effects to website. I found some examples like following, audioOn: true audio.muted = false setAudioOn true ref: "audio", attrs: { "id": "projects-audio" } }, [_c('source', { attrs: { "src": "/audio/click.mp3" } playAudio: function playAudio() { this.$parent.$refs.clickAudio.volume = 0.8; this.$parent.$refs.clickAudio.play(); }, I need help to play audio using **play() **, control volume using **volume = 1** What is **workClick: ?** I found it used with sound properties. So, basic needs are play various sounds - on click, background music, control volume of background music, play sound on overlay appears

Member Avatar
+0 forum 12
Member Avatar

Hello, I have been searching around the net looking for solutions to my problem, but none have worked. My issue is that when i redirect using: <meta http-equiv="Refresh" content="0; url=<?php echo $URL; ?>"> The hash tag part of URL gets removed by IE. So example.com/sample#foo will just load as example.com/sample. This happens in all version of IE and appears to be a bug, but the question is how do I get around this issue? Here is the redirect page template for wordpress that I am using: <?php /* Template Name: Redirect */ ?> <?php if (have_posts()) : the_post(); ?> <?php …

Member Avatar
+0 forum 5
Member Avatar

Hello, I am looking for a new IDE. I am currently using netbeans to develop a website in php/mysql. I like a lot of things about netbeans, but I don't like that it doesn't come with built in compilers/debuggers. You have to manually go and add/link them on a language-by-language basis. This isn't too bad in theory, but sometimes it doesn't work like it should, which can cause a huge headache. I had a hell of a time getting a debugger to work for php. I am now adding javascript/jquery to the website, and discovered that the debugger I already …

Member Avatar
+0 forum 3
Member Avatar

Hi Guys. I'm having a serious problem that is holding me back. I have a file which is a user dashboard and this file gets data from another php script file which is called by a user login screen when a user clicks login. The file verify the credentials then if correct that its start to pull some data from the database. The problem is that now there are some users who don't complete their registration process which some stop where they need to make their payments so their accounts are kept with a status of pending which indicate that …

Member Avatar
+0 forum 5
Member Avatar

Hello, I am trying to create a bar chart with angular. I am following the following guidance: https://www.fusioncharts.com/angularjs-charts/ I wonder why it does not works. I only see a blank screen when running bar_chart.html bar_chart.html <html> <head> <script src="barchart_data.js"></script> <script src="angular-fusioncharts.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> </head> <body> <div ng-app="myApp">...</div> <div ng-controller="MyController"> <div fusioncharts width="600" height="400" type="column2d" datasource="{{myDataSource}}"> </div> </div> <script> angular.module("myApp", ["ng-fusioncharts"]) </script> </body> </html> barchart_data.js app.controller('MyController', function ($scope) { $scope.myDataSource = { chart: { caption: "Harry's SuperMart", subCaption: "Top 5 stores in last month by revenue", numberPrefix: "$", theme: "ocean" }, data:[{ label: "Bakersfield Central", value: "880000" }, { label: "Garden …

+0 forum 0
Member Avatar

program1.php <html> <header> <script> function myFunction(p1, p2) { return p1 * p2; } document.getElementById("demo").innerHTML = myFunction(4, 3); </script> </header> <body> <div id="demo"></div> </body> </html> I don't understand why the above code does not show any value? and why this one does? program2.php <html> <body> <div id="demo"></div> <script> function myFunction(p1, p2) { return p1 * p2; } document.getElementById("demo").innerHTML = myFunction(4, 3); </script> </body> </html> Why I cannot stated the js first then calling it? Why calling it first then stated the js?

Member Avatar
+0 forum 2
Member Avatar

Hi DW. I'm trying to post data without refreshing the page using the ajax, and its works fine the problem is that on the response I also get the array data that I posted to my php file then at the end of response is the returned data which is echoed from my php file. I post 3 data which are from my form but the problem is that on my response this data is also shown when I do `alert(response);` please check attached image and you will see that on the alert response firstly the array of what I …

Member Avatar
+0 forum 1
Member Avatar

I know this question is a lot easier than it seems, but I can't seem to get around it. This is my current code and I cannot get it to properly check if the SSN number is in a proper format or not. It just says all is false. This is my current code: <script type="text/javascript"> function checkDgt(){ var validSSN=/\d{3}-\d{2}-\d{4}/; if(validSSN.test(document.getElementById("social").value)) alert("Social is invalid."); else alert("Invalid."); } </script> <form> <input type= "text" name="social" id="social"> <input type= "button" value="Validate" onclick="checkDgt();"> </form> What exactly am I doing wrong?

Member Avatar
+0 forum 5
Member Avatar

I have a yearly curriculum for my basketball workouts that I'd like to display online. I've created 53 unique workouts for each day of the week that include the main focus for the day, 6 drills, a quote, and a motivational story. I know I'd need a [datepicker](https://jqueryui.com/datepicker/) to accomplish this and the logic must employ both a [week number script](https://weeknumber.net/how-to/javascript) and a [getDay script](https://docs.microsoft.com/en-us/scripting/javascript/reference/getday-method-date-javascript), but I have absolutley no idea on how to get started from there. As the page loads, it should show today's workout. eg If it's the 17th Monday of the year, it would show that …

Member Avatar
+0 forum 10
Member Avatar

i have been trying to upload image files in to my database but i failed in many ways, the form saves everything except the image files. i am not sure if its the php or the java or the html page, honestly i lost my path. i have included all my pages, any help would mean a lot, thanks!!! <html> <head> <meta charset="utf-8"> <title>PYB Register Bike</title> <link href="bootstrap-3.3.7/dist/css/bootstrap-theme.min.css" rel="stylesheet"> <!--styling css link --> <link href="bootstrap-3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- styling css link --> <link href="font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"> <!-- styling css link --> <link rel="stylesheet" href="../ProtectYourBike.css"> <!-- CSS Reference --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> <script src="http://malsup.github.com/jquery.form.js"></script> …

Member Avatar
+0 forum 1
Member Avatar

Hey guys, I have the following code... And what I want it to do but cant get it to do is add up all the price fields and change the sum every time a number is changed or a new line is added... but its not working? Can anyone see my problem? And can help me fix this? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="./jquery-1.7.min.js"></script> <script type="text/javascript"> function calculateSum() { var sum = 0; $("#price").each(function() { //add only if the value is number if(!isNaN(this.value) && this.value.length!=0) { sum …

Member Avatar
+0 forum 4
Member Avatar

Hi guys, I am trying to implement my first carousel on my website. I have 5 images with the same dimensions with the following HTML markup: <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> <li data-target="#myCarousel" data-slide-to="3"></li> <li data-target="#myCarousel" data-slide-to="4"></li> <li data-target="#myCarousel" data-slide-to="5"></li> </ol> <div class="carousel-inner"> <div class="item active"> <img src="/pictures/home1.jpg" alt="CASHS" > </div> <div class="item"> <img src="/pictures/home4.jpg" alt="SWAROVSKI"> </div> <div class="item"> <img src="/pictures/home2.jpg" alt="MARQUIS" > </div> <div class="item"> <img src="/pictures/home3.jpg" alt="ORREFORS" > </div> <div class="item"> <img src="/pictures/home5.jpg" alt="WATERFORD" > </div> </div> <a class="left carousel-control" href="#myCarousel" data-slide="prev"> <span class="glypicon glypicon-cheveron-left"></span> </a> <a …

Member Avatar
+0 forum 6
Member Avatar

Hi All, I have a PHP code which do some changes to the POST variables it receives and redirect the page to some other page. This PHP code was initially designed to work without Ajax. So there wasn't any problem with the redirect function and it perfectly handles the POSt variables and redirect the user to another page. So now I want to use the same PHP code with Ajax... :) I tried it and and it did not gave me the results I was expecting. Problem is with the redirect function. Other PHP lines execute perfectly fine( it stores …

Member Avatar
+0 forum 8
Member Avatar

I have a code that pulls a JSON response, and I need to compare times from now() and a previous when the timestamp was created. I am able to pull the info and have it display. However, when i try and get the comparison to work it just sits there and doesnt display anything. Here is my code "use strict"; var endDate = new Date(); endDate.setHours(endDate.getHours()); var startDate = new Date(); startDate.setHours(- 12); api.call("Get", { "typeName": "DutyStatusLog", "search": { "fromDate" : startDate, "ToDate" : endDate, "statuses" :['ON'] } }, function(results){ console.log(results); for(var i=0; i<results.length; i++){ var stTime = results[i].dateTime; var …

Member Avatar
+0 forum 1

The End.