- Screen name: mharrisweb
mharrisweb's Profile
14 Posts
7 Responses
0
Followers
Show:
- Expanded view
- List view
Private Message
HI folks,
Getting this error for my js functions. I’m using noconflict. Any ideas how I can fix this?
Here is the start of my file:
// globals var recepients=Array(); var groups=Array(); var classes=Array(); var grpnames=Array(); var recnames=Array(); var classnames=Array(); var directorywindow; var total=0; jQuery.noConflict(); jQuery(InitSite); // functions declared from here on function InitSite() { if(jQuery("#userfile").size()) { jQuery("#userfile").MultiFile( {... etc
- Hello,
I am trying to set a class on a jquery button to change the background color, but the UI styles override my css.
My html is here:
<button class="pull-right js-disable-cursor-button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only button-disabled" id="insertSmsPlaceholder" role="button" aria-disabled="false" style="cursor: auto; background-color: rgb(204, 204, 204);">
<span class="ui-button-text">
<span class="ui-button-text">Insert</span>
</span>
</button>My CSS which I cant seem to override no matter where I set the style:
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: url("images/ui-bg_flat_100_736CB0_40x100.png") repeat-x scroll 50% 50% #736CB0;
border: 0 none;color: #FFFFFF;font-weight: normal;}- Hi,
I it possible to show all divs at once, so the user can see all the content on the page?
I currently have this jquery on my page, but the tabs still hide all the content. Can anyone please help?- $( document ).ready(function() {
$("##tabs-menu").tabs();
$("##tabs-menu div").show();
});
- Hello,
I would like to use the same dialog function to display alerts and confirm dialogs. Would I be able to have an if statement in the dialog code so I can display different buttons depending upon what parameters were passed into the function?
Something like:- var alerter = function (passit, confirmationBox) {
$("#dialog-default > p").text(String(passit));
$("#dialog-default").dialog({
open: function () {
$(".ui-state-focus").blur();
},
buttons: { - /* CHECK TO SEE IF CONFIRM BOX AND DISPLAY CONFIRM BUTTON */
if((confirmationBox) != undefined){
"Confirm" : function() {
window.location.href = targetUrl;
}
"Close": function () {
$(this).dialog("close");
}
}
});
- Hello,
Would it be possible to close a dialog by just clicking the close or 'x' button?
My dialog closes when the space bar is pressed, I would like to prevent this.
Can anyone help?
Here is my currrent code:- $("#dialog-default").dialog({
buttons: {
"Close": function () {
$(this).dialog("close");
}
}
});
- 08-Jan-2014 07:31 AM
- Forum: Using jQuery UI
Hi,
I have lots of javascript alerts throughout my site, I need to style them up using a jquery dialog. Can anyone please tell me how I can setup a default dialog and populate it with the alert text?
A typical alert looks like this:
window.alert("text here");
My current dialog looks like this:
$('#sessionTimeout-dialog').dialog({
autoOpen: false,
width: 400,
modal: true,
closeOnEscape: true,
buttons: {
"Log Out Now": function () {
window.location.href = o.logoutUrl;
},
"Stay Connected": function () {
$(this).dialog('close');
}
}
});
Can I set the defaults such as width and close on escape so I don't have to keep adding them for each instance, there are literally hundreds.
Many thanks in advance- 08-Jan-2014 06:27 AM
- Forum: Using jQuery Plugins
Hello,
I'm currently using this markup to style up links with an icon:- <div id="printScreen" class="glyphicon glyphicon-print pull-right "><a href="#print" title="Print"><span>Print</span></a></div>
I use the span tag within the link so I can hide the text using display none.
Problem with this is, I cannot get the tooltip to work using
:
var tooltips = $("[title]").tooltip();
Can anyone please tell me how I can get the tooltips to fire up using my markup above?
Many thanks
Hello,
Is there a good, day, month year picker for entering a date of birth?
One that calculates the amount of days in a month.
Thanks in advance
- 02-Jan-2013 07:48 AM
- Forum: Using jQuery Plugins
I can see alot of event objects when I use the alert after the ajax post success in my jquery below. Can someone please tell me how I can access details for each event and change them accordingly?
- eventSources: [
{
url: 'json-events.php',
type: 'POST',
error: function(data) {
alert('there was an error while fetching events!' + data.msge);
},
success: function(data) {
// I see lots of event objects using this alert
alert(data);
// I would like to change the event details if approved == 1
if(data.approved == "1") {
var title = title + "approved";
var className = "approved";
} else{
var title = title + "awaiting approval";
// set classname but get error event udefined
var className = "unapproved";
}
}
}
]
- Hi Guys,
I'm using the excellent fullcalender plugin. Rather than using js prompt in my script, I'd like to use content in a div that I style up with css and use some nice graphics.
I'm trying to use the fancybox plugin, can anyone please tell me how to the fancybox working and how to pass the value from fancybox to the if statment below it?
Currently get error:
Timestamp: 07/12/2012 14:49:51
Error: TypeError: $.fancybox is not a function
Line: 39
Many thanks
$(document).ready(function() {
var liveDate = new Date(); // current Date
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var calendar = $('#calendar').fullCalendar({
disableDragging: true,
header: {
left: 'prev,next today',
center: 'title',
right: 'year'
},
selectable: true,
selectHelper: true,
select: function(start, end, allDay) {
// disable booking dates in the past
if (liveDate > start) {
alert('This date has been passed');
return false;
} else {
// call html page in lightbox
var fancyContent = ('<div class="header">Book the following days off</div>Start Time: </b></label>' + start + '<br>' + '<label><b>End Time: </b></label>' + end + '<br>' + '<label><a href="#">yes<a href="#">No</a></div>');
$.fancybox({
'content': fancyContent
})
// how to get yes/ no from links to use below?
if (yes) {
calendar.fullCalendar('renderEvent',
{
title: title,
start: start,
end: end,
allDay: allDay
},
true // make the event "stick"
);
} // end of if
} // end of else
calendar.fullCalendar('unselect');
},
editable: true,
events: 'json-events.php'
});
});- 07-Nov-2012 10:47 AM
- Forum: Using jQuery Plugins
Can someone please tell me how I can get my plugins to work that use different versions of Jquery?- #<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://www.mharrisweb.co.uk/wp-content/themes/skeleton/javascripts/responsiveslides.min.js"></script>
<script type="text/javascript">
var jQuery_1_8_2 = $.noConflict(true);
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.mharrisweb.co.uk/wp-content/themes/skeleton/javascripts/jquery.capty.min.js"></script>
<script type="text/javascript">
var jQuery_1_5_2 = $.noConflict(true);
</script>
<script>
$(document).ready(function(){
$jQuery_1_5_2('#default').capty();
});
</script>
<script>
$(document).ready(function(){
// Slideshow 1
$jQuery_1_8_2("#slider1").responsiveSlides({
maxwidth: 800,
speed: 800
});
});
</script>
The code above gives me the following errors:
Timestamp: 07/11/2012 15:45:37
Error: TypeError: $ is not a function
Source File: file:///C:/Documents%20and%20Settings/harrisma/Desktop/demo.html
Line: 28
Timestamp: 07/11/2012 15:45:37
Error: TypeError: $ is not a function
Source File: file:///C:/Documents%20and%20Settings/harrisma/Desktop/demo.html
Line: 38
Timestamp: 07/11/2012 15:45:40
Error: Image corrupt or truncated: http://www.mharrisweb.co.uk/wp-content/themes/skeleton/bg.png
Source File: http://www.mharrisweb.co.uk/wp-content/themes/skeleton/bg.png
Line: 0- 14-Apr-2011 04:02 PM
- Forum: Using jQuery Plugins
Hi Folks,
I'm using the wpesp portfolio theme. I'd like to add a lavalamp menu, but when I link up the appropriate javascript files. The slideshow stops sliding.
Here are the two scripts, I can't see any conflicts or ambiguous names.
I get the following error:
Error: jQuery.easing[jQuery.easing.def] is not a function
Source File: http://www.mharrisweb.co.uk/wordpres....easing.1.3.js
Line: 46
Which highlights this bit of code:
def: 'easeOutQuad',
swing: function (x, t, b, c, d) {
//alert(jQuery.easing.default);
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
Can anyone tell me why the slideshow doesnt work once the jquery.easing.1.3.js has been added?
All the scrips are here:
http://www.mharrisweb.co.uk/wordpres...y-1.2.6.min.js
http://www.mharrisweb.co.uk/wordpres....easing.1.3.js
http://www.mharrisweb.co.uk/wordpres...o-1.4.0-min.js
http://www.mharrisweb.co.uk/wordpres...l-1.2.6-min.js
http://www.mharrisweb.co.uk/wordpres...l-1.2.1-min.js
http://www.mharrisweb.co.uk/wordpres...coda-slider.js
- 08-Oct-2009 01:20 AM
- Forum: Using jQuery
Could someone please tell me how I can reference the loading div to
change the background color?
Many thanks
Could soneone please show me an example of a simple ajax post to a
coldfusion page, with a loading graphic?
I cant find an appropriate example in the documentation.
Thankyou- «Prev
- Next »
Moderate user : mharrisweb
- $("#dialog-default").dialog({
- var alerter = function (passit, confirmationBox) {
- $( document ).ready(function() {
© 2013 jQuery Foundation
Sponsored by
and others.