I'm working on an exercise I need to have finished pretty soon. The concept is simple: online bookstore with cart etc. It's written on php, using JS and mysql.
Each time I view a book's details, I can add it to my cart, where I can also alter it's quantity.
The code for my cart is this:
PHP Code:
As you can see, each time I choose a book to add it to my cart, a new span will be created, to hold the info of this book. What I need to do with the ManageItem js function, is to update the total cost at the bottom of the page, but I can't seem to be getting anywhere.
I'm using the $ function to get an element using ID:
function $(e){return document.getElementById(e)} I'm trying to extend this function to use it like this: $("myID").s("div"); In order to get all the elements that are DIV inside element ID "myID". So I wrote this: $.s=function(es) {return document.getElementsByTagName(es);}
But that's not working. What did I do wrong?
Also, Is it possible to to somehow extend it to use with endless number of inside tag/id? like: $("a").$("b").s("div").$("c") ?
What would be the easier way to do this? For each of the list elements I want to check how many image elements are inside each, and do something with the one that has only one image.
I know that within the function I can access properties of the field (e.g. theField.name and theField.value). But how do I access theField's index number in the form's elements[] array -- from the "this" reference that was passed to the function? I.E. if this field is elements[3], how can I get at that 3?
i am working on a custom drop down list that has hidden #options DIV which is shown when the user clicks on a button. the problem i am having is that the click event does not seem to be attached to the LI elements since they are hidden when the page first loads. if i show the #options DIV when the page loads everything is working as expected.i've tried to attach the click event after i show the hidden UL but that didn't work either.what can i do to make sure the LI click event fires? i tried to put A tag inside of LI and attach click to that but to no avail.
i have a menu generated by a list with nested lists. i want the parent link to stay highlighted when the mouse hovers over the sub menus. because those sub menus are also generated by jquery (qtip), CSS alone won't do it (triedul.topnav li:hover a {background-color: #F00;}).is there a way to do this using jquery?
My DOM structure in HTML page have some elements 'IMG'. One of 'img' element have attribute 'src' = 'lolo1.jpg'. How can i find the 'DIV' element with this specific 'img' element inside? I have to find nearest 'DIV'.
[Code]...
I wanna write function like a GetNearestDivID('lolo2.jpg') which would give me result 'mix2'
I'm using a datepicker and I'm using $(this).html() to get the number of the day inside of a TD. What I want to do is take that number and add one to it. Every time I use var thenum = $(this).html()+1
I get something like 21 instead of 3. Is this possible? I've even tried using $(this).html().toString()
I'm relativly new to JS and brand new to the forum so you might need to dumb down your replys for my slightly lacking knowledge. That being said I do have a very solid grasp of html, css and am getting there with JS and its various frameworks.I'm integrating wordpress into an existing site for a friend and currently have the main blog page appear in a DIV.This is the best way to integrate in this case due to many reasons mostly of way the site is constructed.
<div class="scroll-pane" id="scrollbox"> WORDPRESS BLOG </div>
It's basically just a table containing a message, who wrote it and when.I'm trying to build a function that filters what types of posts are visible in the newsfeed. So by clicking a button I want to be able to filter out the "message"-post or the "sale-alert"-post.Only way I can see which type of post it is, is by looking at the image source in the table. So depending on what that is, I want to set the table to display:none.
But I've been looking into the jquery selector a bit but I can't make it work. I've tried with .each(function and child selector...
I'm looking for a way to grab a number from a string, although this number is not at either end of the string.
Here is the string in question: var el = "v4Function_Name('argument3')"
Here is a substring that returns the number ( the 3 ) successfully... var number = el.substring(el.lastIndexOf("ent")+3,el.length-2);
Seems very ineffecient to do it this way, and better to find a lean elegant way using replace(); How does one go about getting a value inside of a string with regular expressions? .. or is there a better way?
Here are a couple of the many expressions I have failed with...
var pat = /^[^ent][0-9]*$"/; var pat = /v4Function_Name('argument([^0-9]+)'/; var number = el.replace(pat,"");
I m able to do pagination. But I face another challenge where I once click next,prev or page number,it will refresh the accordion. let say i got 3 headers of accordion.namely A,B,C. After clicking any function in either B or C. It will auto refresh to header A. is it due to I destroy my accordion each time I called?
This used to work to grab the image and copy, (this) being the 'project' element:
text = $(this).find("copy").text(); photo = "imgs/work/" + $(this).find("image").text();
Now, since there can be multiple 'project' elements inside a company element I have a counter that tracks which index I should be on, but I don't know the syntax for getting project(2) image and copy within a company. I tried the following code using eq, but it's not working.
var currCompanyProj = 1; text = $((this).project.eq("+currCompanyProj+")).find("copy").text();
I have a number of elements on a page, which I want to remove. The number changes depending on the number of the results,ie. div Id like result1, result2, result3 etc.Is there a way for me to find out the number of items called resultX or is there a way for me to search through all ID's like result ?
I'm trying to take X number of elements and organize them into a table.For example, if I had 7 elements, I'd want 2 rows of 3 and 1 row of 1. If I had 15 elements, I'd want 3 rows of 5, and if I had 11 elements I'd want 2 rows of 4 and 1 row of 3.I'm drawing a total blank on how to go about solving this logic problem. Has anybody come across this problem themselves and solved it?
EDIT: Maybe a little more info would do you good. I'm generating an unordered list and I want the LIs to be as large as possible. It sounds almost like calculus, but I need to figure out the largest size of the images I can fit into a given area when I have X number of images.
Does the detach method work recursively? Say I have a div with a considerable number of elements, sub divs, etc and many of these elements have listeners, will detach preserve all of these elements or just the listeners on the parent?