WordPress: jQuery UI Progress Bar?

Hi!

I’m currently running a wordpress.org site and I want to get a jQuery UI Progress bar running here (http://jqueryui.com/demos/progressbar/#animated) on a Page, but my currently code inside the page:
” <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css” rel=”stylesheet” type=”text/css”/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js”>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js”>

.ui-progressbar-value { background-image: url(http://jqueryui.com/demos/progressbar/images/pbar-ani.gif); }

$j(function() {
$j( “#progressbar” ).progressbar({
value: 59
});
});

”

isn’t working. Any help?

JQuery UI’s datepicker and HTML Arrays?

I have PHP creating a dynamic list of fields, which I would like to use JQuery UI‘s datepicker on. All of the fields are in an array so I can manage them easy…so how can I make it make all of the fields use the datepicker? I’ve tried the following with no luck:

// Datepicker
$(‘#datepicker[]‘).datepicker({
inline: true,
showButtonPanel: true,
changeMonth: true,
changeYear: true
});
I’ve tried hard coding one as well and it doesn’t work:

$(‘#datepicker[1]‘).datepicker({
inline: true,
showButtonPanel: true,
changeMonth: true,
changeYear: true
});

Jquery tab script not working?

I am trying to run the jquery tab script. So far I am declaring this in the head:

<link type="text/css" href="css/ui-darkness/jquery-ui-1.8.16.custom.css” rel=”stylesheet” />
<script type="text/javascript" src="js/jquery-1.6.2.min.js”>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js”>

$(function(){

// Accordion
$(“#accordion”).accordion({ header: “h3″ });

// Tabs
$(‘#tabs’).tabs();

//hover states on the static widgets
$(‘#dialog_link, ul#icons li’).hover(
function() { $(this).addClass(‘ui-state-hover’); },
function() { $(this).removeClass(‘ui-state-hover’); }
);

});

And then the index.php file includes that head from top.php

In index.php I am using this code:

Everything is in the correct directories, just not working, any help would be appreciated.

jQuery…I have 2 jquery scripts, only one at a time works =( ?

here is the one………

<script type="text/javascript" src="jquery.beforeafter.js”>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js”>

$(function(){$(‘#container’).beforeAfter({animateIntro:true,imagePath:”});});

and under that…..
the second……….

<script type="text/javascript" src="js/jquery-1.4.1.min.js”>
<script type="text/javascript" src="js/jquery-jvert-tabs-1.1.4.js”>

$(document).ready(function(){

$(“#vtabs1″).jVertTabs();
$(“#vtabs2″).jVertTabs({
selected: 1
});
$(“#vtabs3″).jVertTabs({
select: function(index){
alert(“You clicked tab ” + index);
}
});
$(“#vtabs4″).jVertTabs();
$(“#vtabs5″).jVertTabs({
equalHeights: true
});
$(“#vtabs6″).jVertTabs({
select: function(index){
alert(“tab ” + index + ” opened.”);
}
});
$(“#vtabs6″).jVertTabs(‘selected’,3); // select 4th tab, 0-based.
$(“#vtabs7″).jVertTabs({
selected: 1
});
$(“#vtabs8″).jVertTabs();
$(“#vtabs8″).jVertTabs(‘selected’,2); // select 3rd tab, 0-based.

// add click events for open tab buttons
$(“input[id^=openTab]“).each(function(index){
$(this).click(function(){
openTab(“#vtabs6″,index);
return false;
});
});
function openTab(tabId,index){
$(tabId).jVertTabs(‘selected’,index);
}
});

if i remove first 1… than second1 start working….
.what’s the solution to workout both jqueries?????

Can i get job in java technology as i have already experience in UI Designing/Web designing?

Can i get job in java/j2ee technology as i have already experience in UI Designing/Web designing for 6.5 yrs. I want to swtich my profession, as i feel good in coding part. I m expertise in html, css, javascript, jquery, ajax, php, mysql, photoshop, dreamweaver