At work, I'm mucking around with a prototype client using XMLHttpReqest for pulling server data (REST or XML-RPC or SOAP) and I want to now use a JS widget API for building re-usable widgets for use in 'pages'.
I was having a look at DynAPI, but it seems to not be a high enough level for what I want.
Just wondering, has anyone toyed with a high level client JS API for building nice DHTML UI's or can point me to some?
I have a function (below) which is executed upon the clicking of a
checkbox called 'yeschk'. This function works as expected for FireFox,
i.e., the 4 widgets (nametext, emailtext, addme, and removeme) disable
or enable immediately when the 'yeschk' checkbox is clicked. But in IE,
this doesn't happen immediately. Instead, the mouse has to be clicked
somewhere else on the page, first. So in IE, to disabled/enable the 4
widgets, I need to click the 'yeschk' checkbox, then click anywhere else
except 'yeschk'. I don't understand why this is, and it is aggravating.
Is there a known trick that I could implement that would cause IE to
enable/disable the 4 widgets immediately on a 'yeschk' click?
function chkboxChange() {
document.email.nametext.disabled = !document.email.yeschk.checked;
document.email.emailtext.disabled = !document.email.yeschk.checked;
document.email.addme.disabled = !document.email.yeschk.checked;
document.email.removeme.disabled = !document.email.yeschk.checked;
}
Should work on IE5.5+ and recent Mozilla clones.
Download size ~30K
Open source (GPL license)
Not released yet, no API documentation (will be soon)
Basically the question is - does it make sense at all? What's your current experience with client-side widgets - too slow, too heavy or there is still a place for things like that?
Using ViewLink behaviors (IE5.5+) and XBL bindings (Gecko-only - NS6+, Mozilla, etc), I basically created an encapsuled widget. That means you can infinitely reuse it with no conflicts.
To implement on a page, you'll need to add this attribute to the <html> tag to make IE happy:
xmlns:rdhtml="http://rdhtml.resource-locator.com/xmlns"
As well as add another thing to keep IE happy - a proprietary import processing instruction, before the <head> tag:
<?import namespace="rdhtml" implementation="slider.htc"?>
And define this style somewhere and apply it to the page:
rdhtml:slider {
-moz-binding: url(slider.xml#slider);
-moz-user-focus: normal;
-moz-user-input: enabled;
display: block;
padding: 0;
margin: 0;
position: relative;
}
After all of that, to add as many as you want to a page:
<rdhtml:slider width="width in pixels - defaults to 150 if not present" onvaluechange="event to fire when the gripper is moved"></rdhtml:slider>
If I feel the need, I will also implement a "value" attribute which sets the default value of the slider.
Speaking of which, the value property of the element is 0 - 100, reflecting the percentage of the slid amount. And is read/write. :)
(In Mozilla, I implemented a read/write width property as well, and intend to eventually add that in the IE implementation)
You can manipulate the value and position of the gripper by dragging the gripper, clicking on the track (really an hr), or focusing it, and using arrow keys, page up/down, or home/end.
To customize the look, slider.css is applied to every slider.
Required files are:
slider.css (styles the sliders)
slider.xml (XBL binding for Gecko)
slider.htc (ViewLink behavior for IE5.5+)
I've only had it tested in Win2k, XP Home, XP Pro in IE6, and in Win2k and WinXP Pro in a 1.1 trunk Mozilla.
I've been told that it is "sluggish" in IE6, but on my pc it is very smooth. Is it just me where it performs satisfactorily in IE6?
And I'm aware of a weird bug in my implemention of it in Mozilla where clicking on a slider bar sometimes moves the last focused slider instead...
If an IE5 user could confirm that it doesn't work for them, that would be great, and I still need someone in IE5.5 to tell me it works....
Someone with a 1.0 trunk of Mozilla would be much appreciated too. :)
Any ideas for additions would be cool too, though I'm not sure what other attributes I could add that would be useful?
This isn't really a beginner question. I need to build a webpage that has some form elements on it. These form elements act like filters on a set of page elements. Several input element can be grouped as one of many filters. For example six checkboxes are filter 1 and a radiobutton and a pulldown element are filter 2.
When the user makes some changes in these filters a server request is send and an answer is send back with the result. Depending on the result every filter (group of elements) need to be re-initialized to reflect the new model state on the server.
So my question is: Is it right to see the filters as widgets in a Jquery UI sense? Or is it more appropriate to just see them as plugins. Can someone please share some insight?
I'm just getting started with jQuery.
I just made a form with a datepicker, which works fine. But I can't get the widget button to work.
I downloaded a theme and I'm importing the files as you can see in the code below. Do I have to download anything else to get the button to work?
My code looks like 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>
[Code]....
I integrated JQuery UI, and I have the JQuery tabs working. Since Joomla uses mootols, I had to include thejQuery.noConflict(); And the tabs script " $ " is replaced by JQuery.
However, when I add the Cycle widget, and I replace the $ sign for JQuery, the widget does not work. If I use the $ sign, the widget works. I want to keep my code tidy. Can somebodyenlightenme on this situation?
I want to display on the partener's website some informations contained on my serveur relative to him (i have multiple parteners) and i thought it would be great to display them like the facebook badge (it's the only example which comes to my mind)
The thing : i really don't know what to do / how to begin :
I cannot use jquery, because it would involve that the parteneer website has jQuery.
I have multiple possibilites on the source of the information :
I can cache a PHP file wich contains informations (but i have 25 parteners so it would be 25 files cached ? -> bad )
I've a XML file [url] but i don't know how to parse an xml file either :O to give you an example i just want to display on crystal-serv information contained between the <GSP> tag where nom = crystal-serv
I have a problem with width() of jQuery.Normally, width() will return an exact value of element's width instead of the percentage (if we use width: 100%).
I'm writing a widget using jQuery. I have a function to build my widget and set its width based on the outer-bound. I need the exact value of width to arrange the element inside that widget. But when using width(), it returns 100 (means 100%), not the value in pixel (must be 1200px).
its an accordion like tool. It functions just how Ineed it, except id love to make it sortable.with the codeupdate?jQuery :
$(function() {
$("#accordion1").addClass("ui-accordion ui-widget ui-helper-reset")
.find("h3")
[code]....
I am trying to get an external php page to display on any website. What I have is a side button that opens a small new window (an example of which is at my username website.)
What I want to do is place a php page full of dynamic goodies in a way that someone can have that box on their site by just copying code and paste it into their website. The result would be that their website will then have a php page from my server showing up in the box. one they can dynamically control through a database (again on my server, hence the need for a php page from my server) I have tried a different approach using a similar script that when you put two lines of code on the bottom of a remote web page it brings in everything but unless the content is within the same domain the java script will not let the page pull out.
I can not seem to find anything about this. I am not familiar with Iframes but maybe I should look into that.
how to insert a javascript widget to a publisher webpage , i can't seem to be able to enable javascript in publisher 2003. if you can can you let me know how i can activate the widget other wise.
View 1 Replies View RelatedI have recently downloaded a custom jQuery UI Pack, only using core and tab widget. On the examples in the index.html file, everything loads fine. Then I copy the files to my website directory, (all locally) and the images files just contain a question mark.
View 3 Replies View RelatedI was wondering if someone can help me out here. I was wondering if its possible to get this Jquery Image Slider to fit a 250x250 Pixels I want to create a widget on Wordpress.[URL]..If possible in order to get this done we could move the control with the numbers on the bottom and keep the descriptions on top.
If this cant be done, do any of you know any 250x250 Jquery Image sliders. That can possibly work in this format? I'm trying to stay away from Flash much as possible.
Scrollable table widget with fixed header is there such thing ?
View 2 Replies View RelatedI have a text field
<input type="text" id="f">
I transorm it to autocomplete widget$('#f').autocomplete()How to access widget's methods and properties by id of the field?I need to access initialized widget to call some of its methods, modify properties etc.
I have a function in my widget :
this.element.find('.abc').live(this.options.event,jQuery.proxy(this._onCollapse, this));
[Code]...
[URL]In the documentation there write that i can save the state of my open and added widgets. But how?
View 6 Replies View RelatedI am trying to use DatePicker ui. I have uploaded "js" and "css" files in the same directory where my script resides. I also downloaded "jquery" in jquery.js file in the same directory. When I run the script, the field is displayed but the DatePicker widget doesn't show up.
[Code]...
I've read up on using easing and animate but am having trouble implementing into my tabbed widget in my wordpress sidebar (still under construction so no link). The widget works as is but I would like to instate easing into it.
I'm unsure whether to put the script code into header.php or where exactly though. Nothing seems to work. Does anyone know of a tut or how to incorporate jquery functions into a wordpress sidebar widget perhaps?
How I can implement JQuery UI Tabbs into my WordPress Blogs Side Bar. What would be the most appropriate place to ask this question as I have zero experience with any of this and I am using the Genesis Framework for my Blog which can be found here[url]
View 2 Replies View Relatedhow do you save the position of a widget or list ?[URL]...
View 3 Replies View RelatedI currently have a standard .NET grid in my application and am considering a few options. I could replace the grid with divs so the current rows would be like posts in a forum. Or replace the .NET grid with the new jQurey grid, that way I would gain a whole lot of functionally!
My question is can a grid be modified so that the rows are about 11/2 inches tall and be formated to show several lines of text? I want them to show 2 business names, addresses and some details gotten from a form.
In this widget: [URL]. When clicking to tab2, the image is not visible. Its only visible when mouse over. What is my mistake in jquery or css coding.
View 2 Replies View RelatedI have followed David Power's tutorial on linking to specific tabs in an Accoridion widget.
I have got a test page working: [URL] which links to specific stories on my news page.
My problem is, I'm adding news stories in the accordion panel, so the newest story goes on the top.
Javascript counts the top panel as 0, the second panel as 1 etc etc.
So if I was to add a new panel, any previous links I have to the top panel would be to the wrong story.
My question is, Is there anyway of counting from the bottom panel up? Or any other workaround that people can think of eg: giving each panel a unique identifier so that the links remain the same even when new stories are added.
I came across a document online for distributing content online via Javascript and to test it out I put together a simple JS file that has instructions to build an HTML link inside a div. I can call the function remotely from sites hosted on other servers. This would allow me to change the HTML snippet at any time without having to manually change it on a bunch of sites, I would just need to change it once in the JS file.
[Code]...