JQuery :: IE7: Calling .css('marginLeft') On A List Without Any Style Setted Returned '40px' ?
Jan 19, 2011Here is the simple demo(run in IE7):
View 2 RepliesHere is the simple demo(run in IE7):
View 2 RepliesThis is probably quite a simple problem but I can't figure out the answer. I'm working on a site that has news stories and events coming in. What I would like is to have the news stories to be styled with squares and events with discs for instance. I might be able to change the actual plug-in so the CSS affects this change, but I just wondered how I could change the list-style-type with jQuery.
[Code]...
While using jQuery, I found that I needed to know how many records were returned and also if the result set returned was empty. After searching the jQuery documentation I couldn't find any property or method that returned this value, so I've added that functionality
myself and wanted to share it with the group.
1) Determine the number of records returned: I wanted to show the user how many results were returned after they start typing into the autocomplete field similar to how Google indicates the number of results found when you start typing in the search box. At first I thought the max parameter in the function formatItem returned this value. However, it returns the max option that you set it to. So if your query returns 100 records and you set max to 25, it'll obviously return 25 (not what I wanted).So after trying various things, I looked at the jQuery code and simply added the number of records returned by the database to the formateItem function. In the fillList() function around line 660 I added the data.length parameter:
var formatted = options.formatItem(data[i].data, i+1, max, data [i].value, term, data.length);And in my autocomplete code, I added the parameter to the end of theparam list:formatItem: function(data, i, total, value, searchTerm, totalResults)So now whenever a new search is preformed, I get back the number ofsearch result from the database.
2) Determine if a result set returned was empty I wanted to update a <div> with a message like "no records found" whenever the query yielded no results. Again, after searching the jQuery documentation, I couldn't find any property or method that would indicate this so I added it to the code. In the request function after the line var data = cache.load(term); I added the following:
if (!data) {
options.isEmpty(0);
} else {
[code]....
I have a drop down selection box with items in it. I need to be able to pass the selected item through using an onclick event for the "Submit" button. Is this possible?
I have a Javascript that is calling a div to popup. This div is the drop down selector. I want the user to click a button to make the drop down appear, then they must select an item in the list and then hit submit. The submit button being clicked I need to bring in the selected value from the drop down and use it in the script that originally told the div to pop up (this is the first button that the user clicks, it actually runs the script which passes 2 variables, and is basically waiting on the drop down selection to save into a 3rd variable, which will then call a PageMethod).
I have
function AddTemplateToUUT(uutnumber,testerid){
var templatename=SelectTemplateToAssign();
PageMethods.AddTemplateToUUT(testerid,uutnumber,templatename,CallbackDiv,CallbackErrorAlert,'divchecklistarea');
ShowSelection('divtemplateblock','hide');
[Code]....
I have a form that I am using to generate an email with several user
selected fields being part of it. As part of this form, I have a select
box which allows the user to select which email addresses it should be
sent to. The box works great except that the CGI script I'm sending the
values to can only parse a single line for each field in the form. The
issue comes into play when someone selects more than one value in the
select box, the output of the select box seems to separate each value
on a separate line using a line feed (or carriage return, I can't
tell). The format that the CGI script needs is for a single line with
each of these values separated by a comma. I'm confident that a
javascript can do this fairly easily, but unfortunately, I am not very
well versed in javascript. I've found a few code snippets on the web
that I've mangled together, but since I don't really know what I'm
doing, it isn't working out so good. I've included what I have in the
form right now below (note that I've removed all of the other form data
but the select box code to save space). Code:
I am making a webpage that can query a database table of employees
and return them in a html table. Currently I have submit buttons beside
each employee to open the page to edit their details. I have been using
php/HTML to do this, but wondered if it is safe to use javascript to
just click on the name of the employee to jump to the edit page. I've
been looking on the web for sometime about how to do this without any
luck. Any thoughts?
I am creating a little word guess game, with a random function which picks the word from an array of 10 words. The second function checks if the users' letter choice is part of the secret word. Currently, each time the checkGuess() function is called, the word is changed, probably because I am calling the wordPicker() function from within. The wordPicker randomly chooses the word, then returns that word. All I want to do is pull that word into the checkGuess function, without calling the wordPicker function as it currently does. Here is the code:
Create secret word array
var wordList = new Array("stealth", "telephone", "internet", "nickel", "marine", "instantiate", "method", "function", "television", "monitor")
[Code]....
I am wondering if there is a way to set the list-style img attribute in css to actually be a href to the external .js ??? Or can I set the img attr to a href through the dom using "append"?
If not, does anyone have some good ideas on how I can acheive this so that the list stays expanded until only the FIRST item is clicked on.
I am doing a few tests with javascript and oop. but one failed so i falled back to the way i usually do this but it still isnt working properly. i am using $.post() but instead of returning whatever is echoed in the php file like it does with all my other scripts it returns the content of the file:
Isnt returned in var data but the whole file is returned as a string.
Given the CSS style:
li{list-style-image: url("someimage.gif")}
....how can I change the list-style-image for a given <li>, given an object
reference?
(I've unsuccessfully tried stuff like
theObject.style.list-style-image="url(someotherimage.gif)")
so, I can pass a value from a select list to another function which then decides which function to call, but I want to cut out the middleman, and make the values the function calls, and call them directly on the onchange... I imagine something like this:
<select id="select" onchange="this.value">
<option selected value="function1()">Funtion 1</option>
<option value="function2()">Function 2</option>
<option value="function3()">Function 3</option>
</select>
1 - Accordion style vertical list that expands element (Film # and description) when "+more" link is clicked, and closes the previous open film and description.
2 - Activation of "+ more" shows a photo in separate div, and hides the previous photo that was visible in this separate div.
I am using the Collapsible Checkbox Tree jquery Plugin.For that I have inserted this linein the javascrypt code:
When I make a list in the HTML code using the <ul id="example"> works perfectly.
But when I tried to make the list dynamically calling a JSON file, does not works fine.
If I insert theready(fn) mentioned above inside the javascrypt function that create dynamically the element<ul >as is shown next:
Improves a little bit, but still does not work fine. Specifically does not show the plus and minus sign, then I can not open or collapse it.
I tried also with thecheckboxtree pluginand I encountered the same problem.
My understanding had been that $.css("width") would return the original user selected style, eg "100%" or "10em", and $.width() returned the computed width, always in "px". Not so, following the code through for .css(), it calls something called getComputedStyle and the only difference between the two functions turns out to be a post-fix of "px" on the .css() result - not very useful. I need to know whether my user has called me with a proportional dimension, or a fixed one. How to tell with jQuery?
View 1 Replies View RelatedI have a form button with id="submit". When pressed, ClickGeocode(credentials) is called. This works fine and dandy with: $('submit").click(ClickGeocode) Despite there being no indication that the function takes an argument 'credentials'. So when I want to call the function at some point in my code, I should be able to do something like ClickGeocode(credentials) ... no? However, my issue is that credentials isn't once defined in my code - it is part of Bing Maps function... like so:
function ClickGeocode(credentials)
{
map.getCredentials(MakeGeocodeRequest);
}
So why does it work using .click(), and how can I call the function without user interaction (simply somewhere in my code) even if 'credentials' is not defined?
I have built a website and I wish to hide my code between "style type="text/css">....</style>
Is there a way to hide the code between it?
Here is the code I am running:
The url is a very straightforward servlet that queries a database and returns either Y or N. That part is working fine. The first alert shows Y or N just as it is supposed to.
However, the second alert is always showing Turbo, as though the if statement is not able to compare properly. This is probably javascript rather than specific to jQuery, but can anyone see where I'm going wrong?
Every parse example I have seen on the internet is the well formed;
jQuery.parseJSON( ' {"sid":"123455","client_id":"1","last_name":"Anderson","first_name":"Alan","institution_id":"1"} ');
What is the easy way to get from this;
{"posts":[{"post":
[Code]...
So just found out the problem I was having, and came up with a solution (bandaid really) but would like to know if anyone else has run into this and what they did.
Code JavaScript:
var left_margin = $(this).css('margin-left').replace(/D/g,'');
So the above, get the left margin of the object, strip all but numbers and store into a variable. Easy, right? Here's what happened. Inserted the object into the DOM, Chrome returned 212px, which was converted to 212�*fine. Firefox on the other hand returned 212.5px, which was converted to 2125� not fine. I'm centering the element on the screen based on this number, so the additional 2000ish pixels is WAY off. My solution was to increase one of my initial values a single pixel in which both browsers return 213px�*but like I said this is only a bandaid solution. Not really understanding the value of .5 pixel, but looking into that. Is there a rounding function in jquery? Javascript I would have to strip the px from the string, convert to integer and THEN round.
I am using this code in c#. I need to create a url dynamically which the following code does. The BuildURL method has a string return and returns the build URL. How do I get that value and use it in the following code?
$("#myButton").bind('click', function() {
$.ajax({
type: "POST",
[code]....
I am pulling in an XML doc, storing it in a global var and through out the app I am transversing it to grab certain info. Up till 1.2.6 it's been working fine, but when I upgraded 1.3.2 I get bad results.
Here are my two test pages:
[URL]
My guess is the it has something to do with Sizzle but I can't place exactly where the issue may be happening.
I have a script that post some values to a php file and on it if i echo or return anything i cant get the value,
the alert is always empty
$.post("file.php",{x}, function(data){
alert(data);}
php file
echo 'test';
also tried with return but also get an empty alert
i am doing an application which make use of JQuery and Cakephp . In this i am using like the following to retrieve the values from my controller side
var getformid;
$.getJSON("http://localhost/FormBuilder/index.php/forms/getFormEntry", function(json) {
getformid=json.forms[0]["id"];
[code]....
In the above code, the inner alert that is inside $.getJSON gives me the correct value as 75 But the outer alert showing me the error as getformid not defined..Why so??Can't we make use of the getformid available outside $.getJSON .Please suggest me.SInce i want to make use of that value for saving the Field ..
$.ajax({
So I'm loading the div#my_events by prepend(data) where "data" is another well styled div. Is there anyway to animate this returned data. Unfortunately I can't just specify a unique ID on the incoming data. So I was wondering how else I might be able to address this data I'm returning.
It is basically a topic list, with a modal that sends jquery to add a topic to the database, and returns the topic from the database, hides the modal, and displays the last added topic at the top of the topic list. Now I'd like it to do something slightly fancy like animate the color of the background to bring the user's attention to it.
I define a "click" event on "a" tags in the ready part of a page. It fires just fine when I click on any "a" tag on the page. I then have a button which sets the content of a div using ajax. This content contains a couple of "a" tags. The issue now is that the "click" event does NOT fire when clicking on these tags. I suspect it is because they did not exist when the page was initially rendered. What is the "JQuery way" of dealing with an issue like this? Of course I cannot be the only one in the world who needs to return HTML with events from my ajax calls :-)
View 2 Replies View RelatedHere is what I'm trying to do. I will pass a directory to a PHP script, that script will then return an array of filenames back to the javascript that called it. In the javascript I want to take the filenames returned and create links to them in an unordered list.
The PHP code to get the filenames is done and when I run the script I get an array that I have formatted into json... an example of the encoded array is as follows...
{"filename:["file01.jpg","file02.jpg","file03.jpg","file04.jpg","file05.jpg","file06.jpg"]};
So here is the jquery I'm trying to use to get the filenames and create my links... But I must be missing something because my variable... data ... is empty... but status is Success.
[Code]...