Loading...

Search jQuery

Search

jQuery Forum

Screen name:
raviojo

raviojo's Profile

7 Posts

12 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

get a value(text) from a span element to a input element ?
[6Replies]
- 13-Aug-2018 11:28 AM
- Forum: Getting Started
how to get an span element text to a input element and then grab the input element value and display it as a list below? From the code below, when I click the btnGET I would like to put the 8:00 pm into the <input id="txtTime" type="time" /> and then again get the new value of txtTime and display it as a list below when btnSET is clicked ..I am doing this to check how the type time will change the type of user input...Same is the case with EMAIL span as well.. Thank you in advance..

Ex:

<div>

<div><span>Time: </span><span>8:00 pm</span></div>
<span>
<input id="txtTime" type="time" /></span>
</div>
<div>

<div><span>Email: </span><span>abc@gmail.com</span></div>
<span>
<input id="txtEmail" type="email" /></span>

</div>

<div>
<div>
<span>
<input id="btnGET" type="button" value="GET" />
</span>

<span>
<input id="btnSET" type="button" value="SET" /></span>

</div>
</div>

grab data-* value from DOm and print unordered list
[3Replies]
- 09-Aug-2018 06:35 PM
- Forum: Getting Started
I want to loop through all label elements of my page and grab their id and data-myvalue values and show them as an un-ordered list below the div... How can i achieve this

Example
<div>
<span>
<label id="SA.MC.AMC.Breakfast" data-myvalue ="2"></label>
<label id="SA.MC.AMC.Breakfast.Output" data-myvalue ="4"></label>
</span>
</div>

The un-odered list should be like this

<ul>
<li>SA.MC.AMC.Breakfast :2 </li>
<li>SA.MC.AMC.Breakfast.Output :4 </li>

<ul>

Thank you in advance

loop through json object
[2Replies]
- 19-Jul-2018 11:36 AM
- Forum: Getting Started
Hi all,

i have the folowing JSON object:

var jsObject = {
"name": "Student1",
"members": {
"data-content-type": "saAfterFullStud",
"data-key": 1,
"data-value": 007
}
,
"name": "Student2",
"members": {
"data-content-type": "saAfterRedStud",
"data-key": 1,
"data-value": 222
}
,
"name": "Student3",
"members": {
"data-content-type": "saAfterAtCost",
"data-key": 1,
"data-value": 222
}

}

I would like to loop through this object and get the values to a variable like

var firstStudent = Student1
var firstStudent_datavalue = 222

and so on...for all three stduents

How can i achieve this. Thank you

embedded jQuery Code of ajax load page?
[4Replies]
- 02-Jul-2018 04:18 PM
- Forum: Getting Started
I have an html file oldStudent.html That has the following jquery code :

<script>
$(document).ready(function () {
$("div").each(function (index) {
var idDiv = $(this).attr('id');
if (idDiv) {

$("#" + idDiv).load(idDiv + "_v1.html");
}
});
});

</script>

Now in another page Student.html i am loading the oldStudent.html in the following way :

var currentYearFile = function () {
var tmp = null;
$.ajax({
'async': false,
'type': "GET",
'global': false,
'dataType': 'html',
'url': "oldStudent.html",
'data': { 'request': "", 'target': 'arrange_url', 'method': 'method_target' },
'success': function (data) {
tmp = $(data).find('#wrapper').html()
//alert($(data))
}
});
return tmp;
}();

The issue is the jQuery code in oldStudnet.html is not getting excuted and return temp returns undefined.
Can someone please help regarding this?

Thank you

Compare two separate files for similar elements?
[5Replies]
- 26-Jun-2018 12:02 PM
- Forum: Getting Started
Hi friends,
I have two files. oldCourses.html and newCourses.html.

oldCourses.html has elements

<div id="courses-details">
<div>
<div colspan="4"><b>2017 School Courses</b></div>
</div>
<div>
<span>1.</span>
<span>History</span>
<span data-content-type="history" data-key="1" teacher-value="John"> John</span>
</div>
<div>
<span>2.</span>
<span>Sciences</span>
<span i data-content-type="sciences" data-key="2" teacher-value="James"> John</span>
</div>
</div>

newCourses.html has elements

<div id="courses-details">
<div>
<div colspan="4"><b>2017 School Courses</b></div>
</div>
<div>
<span>1.</span>
<span>History</span>
<span i data-content-type="history" data-key="1" teacher-value="John"> John</span>
</div>
<div>
<span>2.</span>
<span>Sciences</span>
<span data-content-type="sciences" data-key="2" teacher-value="Jimmy"> John</span>
</div>
</div>

What I basically want to achieve is compare both the files by data-key and data-content-type and check to see if the teacher-value has changed in the newCourses.html and then add a class .valueHasChanged to the changed span in the oldCourses.html.

In the above example sciences teacher-value has changed from James to Jimmy. In that case oldCourses.html span containing : data-content-type="sciences" data-key="2" should have the class .valueHasChanged.

Thank you in advance..

Find count of occurrences of a key in an array that appears only once?
[12Replies]
- 20-Jun-2018 11:57 AM
- Forum: Getting Started
Hi

i have the following array

test ={ [id:1,subject:math], [id:2,subject:math], [id:1,subject:science], [id:3,subject:science], }

how can I find the key that appears only once like.. [id:2,subject:math] , [id:3,subject:science].

I need to output the key id value 2 and 3.

Thank you

Find a match in two dimensional array?
[2Replies]
- 19-Jun-2018 06:34 PM
- Forum: Getting Started
I have an array in the following format.

test =[ [id:1,subject:math], [id:2,subject:math], [id:1,subject:science], ]

what i basically want is when i am trying to push a new object in my array , i should check if the id subject pair already exits like [id:1,subject:math] should be inserted. So basically unique pairs are only to be allowed. Hwo can i loop through this test array to find if a match exits.

Thank you in advance.

«Prev
Next »