I'm getting my feet wet with Google's Closure Library. I've created a simple page with a Select Widget, but it clearly needs some styling (element looks like plain text, and in the example below the menu items pop up beneath the button).
I'm assuming the library supports styles -- how can I hook into them? Each example page in SVN seems to use its own CSS.
Abbreviated example follows:
<body>
<div id="inputContainer"></div>
<script src="closure-library-read-only/closure/goog/base.js"></script>
<script>
goog.require('goog.dom');
goog.require('goog.ui.Button');
goog.require('goog.ui.MenuItem');
goog.require('goog.ui.Select');
</script>
<script>
var inputDiv = goog.dom.$("inputContainer");
var testSelect = new goog.ui.Select("Test selector");
testSelect.addItem(new goog.ui.MenuItem("1"));
testSelect.addItem(new goog.ui.MenuItem("2"));
testSelect.addItem(new goog.ui.MenuItem("3"));
var submitButton = new goog.ui.Button("Go");
testSelect.render(inputDiv);
submitButton.render(inputDiv);
</script>
</body>
Hi,
I am new to jQuery and would like to know how is it possible for me to hide an option in a selection box based on the selection of another selection box.
I have 5 selection boxes, this is for the administrator to select the users of a limited criteria. The <options> are create dynamically from the results of a database query and php, and they all have the same <options>.
e.g. this is an example of the selection boxes with their option values.
userbox1 - Amy, Bosh, Cathy, Daniel, Ethan
userbox2 - Amy, Bosh, Cathy, Daniel, Ethan
userbox3 - Amy, Bosh, Cathy, Daniel, Ethan
userbox4 - Amy, Bosh, Cathy, Daniel, Ethan
userbox5 - Amy, Bosh, Cathy, Daniel, Ethan
So if the administrator selects Cathy in userbox1, Cathy will be automatically be hidden from the selection on the rest of the userbox. And if the administrator changes his/her mind and reselect another user call Ethan. The userboxes should be able to show the availability of Cathy in the selection.
I am not sure is hide/show the correct status to be used in such cases. May I know how is it possible to write the function as stated above? If I am missing some current references, kindly point me to it. Thanks in advance.
I have been looking at jquery plugin and was wondering how to adapt that plugin to turn a number (like 4.8618164) into a 4.8618164 stars filled out of 5. Basically interpreting a number <5 into stars filled in a 5-star rating system using jQuery/JS/CSS. Note that this would only display/show the stars rating from an already available number and not accept new ratings submissions. Any help would be greatly appreciated. Thanks.
I have a website that works fine in Firefox and IE but never finishes loading in Safari 4.0.4.
The live website loads a menu then loads a Google map. Using Safari, the Google map never loads.
I have a test website on the same server that uses the exact same code for loading a Google map and Safari can load the map (this is the one that won't load on my live web). This test website does not have the menu - only the Google map.
In both cases (live and test) the main web page calls a loadmap.js file.
I've been pulling everything apart to try to identify why Safari won't finish loading. Has anyone run across any problems/solutions with Safari that may help me find a resolution to this problem?
Hello,
I was trying to achieve count up timer with this jquery plugin.
As I am newbie on this, I really don't understand their documentation.
What I want to display is. I want to display counter which counts from 1st January 2005 till current date. Example of output display is
5 years 5months 5hours 5seconds (seconds will be keep counting)
Please kindly help me by posting snippets to achieve. Thanks for your time and greatly appreciated.
I'm using Google Maps and have the map set to height/width=100%.
I noticed that when I resize the browser window, my map marker icons appear to redraw on top of the same location.
Meaning, if I should only have 1 map marker icon on "987 Main St", when I resize the browser window - multiple map marker icons are being now draw on top of "987 Main St" that shouldn't be there.
Any ideas why this is happening and how to prevent it?
UPDATE:
Link to actual code
Hi all,
I've been looking around for a solution to this thing but I haven't found anything similar to what I'm looking for. The thing is that I've got a table filled with data from a database, and what I want is to change the background colour of an specific row depending on a value of the class I'm loading in each row. The thing is that I have to display some data but as the fields to be displayed are quite a lot, I don't have more space to show an status field, so I would like to show the row in red if the status is inactive, and the rest of the rows in the normal color of the blue stylesheet. Is there a way to do that through tablesorter? I'm opened to suggestions, as I'm not sure how to do it.
Thank you all in advance,
Victor
Hey,
I have an input text :
<input name="Email" type="text" id="Email" value="[email protected]" />
I want to put a default value like "What's your programming question ? be specific." in StackOverFlow, and when the user click on it the default value disapear.
I'm wondering - is there any difference in performance of using CSS Transitions vs. any of the various JS animation libraries? (scriptaculous, scripty2, jsAnim, MooTools, $fx, etc, etc).
I've tried various tests in Safari / Google Chrome, and I don't actually see any difference -- I thought that CSS Transitions were supposed to be hardware accelerated.
I am calling the Google Analytics _trackEvent() function on a web page, and get back an error from the obfuscated Google code. In Firebug, it comes back "q is undefined". In Safari developer console: "TypeError: Result of expression 'q' [undefined] is not an object."
As a test, I have reduced the page to only this call, and still get the error back. Besides the necessary elements and the standard Google tracking code, my page is:
<script>
pageTracker._trackEvent('Survey', 'Checkout - Survey', 'Rating', 3);
</script>
Results is that error.
What's going on here?
When i write a jQuery plugin i like to specify options for spacings the CSS way.
I wrote a function that returns a CSS String as values in a object.
5px 10px returns top: 5px, right: 10px, bottom: 5px, left: 10px
Now i often use the returned values to do some calculations and its not very nice to have to extract the measuring unit every time...
I suck in writing regular expressions could someone help me complete this function:
this.cssMeasure = function(cssString, separateUnits){
if ( cssString ){
var values = {}
}else{
return errorMsg
}
var spacing = cssString.split(' ')
var errorMsg = 'please format your css values correctly dude'
if( spacing[4] || (spacing[2] && !spacing[3]) ) {
return errorMsg
} else if ( spacing[3] ) {
values = {top: spacing[0], right:spacing[1], bottom:spacing[2], left:spacing[3]}
} else if ( spacing[1] ) {
values = {top: spacing[0], right:spacing[1], bottom:spacing[0], left:spacing[1]}
} else {
values = {top: spacing[0], right:spacing[0], bottom:spacing[0], left:spacing[0]}
}
if (separateUnits) {
$.each(values, function(i, value){
/*
at this place i need to extract the measuring unit of each value and return them separately
something like top: {value: 10, unit: 'px'}, right: {bla} and so on
*/
})
}
return values
}
if you have any idea how to improve this function i am open to your comments.
I'm using jquery-ui 1.8, and getting this error in Internet Explorer:
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)
Timestamp: Mon, 10 May 2010 06:26:48 UTC
Message: 'data(...).options' is null or not an object
Line: 75
Char: 13074
Code: 0
URI: http://localhost:58365/Scripts/Lib/jquery-ui-1.8.custom.min.js
Is this a known bug? Is there a workaround?
The error happens when I use droppable/draggable.
I use jquery blockUI plugin (v2) and call $.blockUI when user submits a form. Web page smoothly fades out and new page appears. That's ok. But when user presses "back" button in opera/fire fox he observes fade out page with hourglass mouse cursor that is completely blocked.
Chrome/IE visualize page ok.
What would you suggest?
Thank you in advance!
Struggling with Bing's json request (bing search, not map), I am getting an error back that says 'Invalid Label'
My query url is:
var bingurl="http://api.search.live.net/json.aspx?Appid=##APIKEY##&query=Honda&sources=web";
$.ajax({
type: "GET",
url: bingurl,
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "jsonp",
success: function(data) {
$callBack(data);
},
error: function(msg) {
alert("error" + msg);
}
});
Firebug reports 'invalid label' and then dumps the json response.
No idea what is wrong? help appreciated.
I have a jQuery ajax function that retrieves JSON data. In the success block I call another function to parse the data and update the page. At the end of this parsing/updating function a different ajax call is made. This works perfectly in all browsers except Internet Explorer (7 and 8). The problem is Internet explorer thinks the script is taking too long to process because the success block from the first ajax call doesn't complete until the 2nd ajax call finishes.
I get the message:
"Stop running this script? A script on this page is causing your web browser to run slowly. If it continues to run, your computer might become unresponsive."
My jQuery code:
$("#id_select").bind("change", function(e){
$.ajax({
url: "/retrieve_data.js",
data: {id:$(e.target).children(":selected").attr("value")},
type: "get",
dataType:"json",
success: function(data, status, form){
processData(data);
},
error: function(response, status){
alert(response.responseText);
}
});
})
Any suggestions on how to get IE to stop timing out or to accomplish this task without rewriting all my jQuery functions would be appreciated.
our client needs to shortcuts to particular pages
We need to redirect non existent urls like
http://site.com/promotion1
to the actual URL similar to
http://site.com/promotions/promotion1/tabid/799/language/en-AU/Default.aspx
...
I've sent a list of appropriate DNN modules to our client but it may take them forever to get back to me.
In the mean time they still submitting requests to us to create redirects for them.
if there's no cost involved then i wont have to wait for them to get back to me.
so I'm looking for a Quick and free way to enable the clients to set these up on this own.
I've looked at:
http://www.snowcovered.com/snowcovered2/Default.aspx?tabid=242&PackageID=3302
http://www.ventrian.com/Resources/Projects/FriendlyUrls.aspx
http://www.codeproject.com/kb/aspnet/dnn2url_rewrite.aspx
But haven't had much luck in the small amount of time i have available.
Has anyone got some suggestions on how to achieve our goal with either the above resources or maybe some additional resource i haven't found yet?
(DNN v4.9)
Hello there!
I'm having a really hard time debugging one of our latest reported bugs. The problem occurs "randomly", not on every page load, sometimes I can "click" around for a minute or two before IE6/7 crashes. By crash I mean that the IE-window shuts down and I get the option to send the crash info to Microsoft.
In FF, Chrome, Safari, IE8 everything is working perfectly.
What the page does is issuing 2 AJAX Jsonp calls and building some menus with the data returned. The data brought back can be from ~500b to approx. 35kb.
The JSON is valid (else it wouldn't have loaded at all in FF etc), and as i told previous, it works for when navigating around the site soemtimes in IE6/7.
I've tested to comment out the callbacks, still crashes. If I remove the $.ajax calls the page will work again.
Whats strange is that if I downgrade to jQuery 1.3.2 everything works in all browsers including IE6/7.
I've taken the crash-logs and looked at them in WinDbg and what happens seems to be a NULL POINTER reference.
The last entries of the stack trace is as follows
mshtml!CTreePos::SourceIndex+0x9
mshtml!CMarkup::InsertElementInternal+0x3a8
mshtml!CDoc::InsertElement+0x98
mshtml!CDocument::get_implementation+0x144
Anyone having a clue what could cause this?
I have jQuery to select all font elements that are children of the element with id="right" within the html stored in the var html... when I do an alert to see how many elements it gets:
alert($("#right > font", html).length);
it gives me an alert of: 5
but when I try any of the following, I don't get any alerts...
alert($("#right > font", html)[0].html());
alert($("#right > font", html)[0].text());
alert($("#right > font", html)[0].val());
Any Ideas?
Thanks,
Matt
I'm using the FullCalendar plugin, and am very pleased with it, however I can't figure out how to enable resizing. I looked at the source of the calendar on the main FullCalendar page, and my code is no different save that I get my events from a source rather than explicitly define them.
What am I missing?
$('#schedule').fullCalendar({
events: '/campaigns/scheduled',
editable: true
});
Most popular browsers, while rendering an image, they display it line-by-line top-to-bottom as it loads.
I have a requirement that a wait gif should be displayed while the image is loading.
When the image is fully loaded then it should be displayed instead of the wait gif.
I have image and txt file of same size say 200 KB.
Now i would like to calculate the time to download the image and text of text file.
Now my question is adding image to DOM and and then calculating time on onload and requesting content of txt file using Ajax will they take same time or due to image and xml they will take different time ? why ?
I'm using jquery.qTip on http://comps.gunnjerkens.com/phws/services/
Looks beautiful with the drop shadow and rounded borders in modern browsers...unfortunately the drop shadow is lost on IE. So I want to specify an IE-only rule that makes the border a different color than white. Here's how I currently have it setup:
$(this).qtip({
content: the_content,
position: {
corner: {
target: 'bottomLeft',
tooltip: 'topLeft'
},
adjust: {
screen: true
}
},
style: {
border: {
radius: 4,
color: '#FFFFFF'
},
color: '#7D9240'
}
}); // qtip()
});
I appreciate any help!
Hi,
I have a data fetching method that uses jQuery.ajax() to fetch xml files.
/* */data: function() {
/* debug */try {
var url = arguments[0] ;
var type = arguments[1] ;
var scope = arguments[2] ;
var callback = arguments[3] ;
var self = this ;
if(this.cache[url]) {
callback(this.cache[url]) ;
} else if(!this.cache[url]) {
$.ajax({
type: "GET" ,
url: url ,
dataType: type ,
cache: false ,
success: function(data) {
if(type == "text/xml") {
var myJson = AUX.json ;
var jsonString = myJson.build(data,scope,null) ;
var jsonObject = $.parseJSON(jsonString) ;
self.cache[url] = jsonObject ;
callback(url) ;
} else if(type == "json") {
self.cache[url] = data ;
callback(url) ;
}
} ,
error: function() {
throw "Ajax call failed." ;
}
}) ;
}
/* debug */} catch(e) {
/* debug */ alert("- caller: signTutor.data\n- " + e) ;
/* debug */}
} ,
My problem is: jQuery somehow adds a parameter (?_=1272708280072) to the url if there are escaped (hexadecimal notation) or unescaped utf-8 characters outside of the ASCII range -- i believe -- in the file name. It all works well if the file name does not contain characters in that range.
Type is set to xml so there should not be a confusion of types. Headers of the xml files are also set adequately.
I can see from the console that jQuery throws an error, but I'm not sure as to where the problem really is.
Probably a problem with file name formatting, but I did not find any resources on the web as to AJAX file name specifications. Any ideas?
Thanks for you help!