Response title
This is preview!
- Screen name: brycekmartin
brycekmartin's Profile
16 Posts
10 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- So what I thought was going to be really turns out to not be working for some reason. I'm setting up a shell for my new site. So I'm just trying to get some of my pages linked together for testing the site flow and feel. I want to do this with javascript (jquery) because when I start passing session data that's how I'll be handling this.
So I have this simple line in my js code...- $('#submit').click(function(){
$.post("plans.html");
});
When I debug it hits the $.post but the plans.html page never loads. The current index.html page simply refreshes. I tried to put an ajaxError handler but it doesn't return an error. How the heck could this not work?
I'm sure its something dead simple that I'm overlooking...but can't think what it could be.
Using FF 3.6, and Jquery 1.4.2 from Jquery CDN.
Thanks
Bryce- 22-Jan-2010 01:01 PM
- Forum: Using jQuery UI
I am working with draggable/droppable in jquery ui.
So if I have two divs. The first div has child divs that are draggable. I then have a second div which is a place where you can drop the draggable elements. Once they are dropped I want them to no longer be children of the first div, but to become children of the div they were dropped onto.
Is there a standard way to make this happen?
- 18-Jan-2010 03:38 PM
- Forum: Using jQuery Plugins
What context menu plugin would you guys suggest? There are a number of them out there and I'm looking for suggestions as to which one(s) you guys like. I wish the pluggins had a rating system.
- Here 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.$.getJSON(url,function(data, status){
var returnData = JSON.stringify(data);
$.each(data,function(i,filename){
listElement = "<li><img src=\"" + directory + filename + "\" title=\"A caption 1\" alt=\"Image01\"></li>";
$('.gallery').append(listElement);
});
});
What am I missing here? I can't figure it out... am I not accessing the filename variable correctly?
Thanks for looking at this.
Bryce- 16-Jan-2009 09:23 AM
- Forum: Using jQuery
This error seems to be rearing its ugly head in FF3 using jquery 1.3.
When I was using the latest 1.2.6 for jquery I would get a little
warning in firebug that said...
Empty string passed to getElementById().
This wouldn't cause anything bad to happen and things would move on
just fine. IE7 didn't do anything strange.
But with the new 1.3 it stops both browers dead in its tracks with a
real error. Here is a simplified version that replicates the error...
<html>
<head>
<script type="text/javascript" src="jquery-1.3.min.js"></script>
<script type="text/javascript">
$(function(){
$(':text').keyup(function(){
var inputArray = $('input');
for(i=0;i<=inputArray.length;i++)
{
$('#'+$(inputArray[i]).attr('name')).removeClass("error");
}
$('#submit').attr('disabled',false);
});
});
</script>
</head>
<body>
<form id="form1" method="post" action="SetSearch" >
Customer Number
<input type="text" class="numeric" id="number" name="number"
maxlength="6" tabindex="2" size="6" />
<input type="submit" tabindex="6" value="Search" id="submit" />
</form>
</body>
</html>
Any help would be greatly appreciated.
Bryce
I have a really simple date picker example. I've tried this with
jquery's latest and with the 1.3 and I'm using UI 1.6.
I just created the UI code on monday so its fresh.
The date pickers pop up just fine but there isn't a 'close' or 'clear'
text like in the demo.
$('#date1').datepicker();
$('#date2').datepicker({beforeShow: function(){
return{ minDate: $('#date1').datepicker("getDate")};
},
changeYear:true,
yearRange: '-10:+20',
closeAtTop:true,
clearText:'Clear'
});
I realize that the closeAtTop isn't neccessary as it's supposed to
default to 'true' but it didn't work without it so I thought I would
put it in but to no avail.
Any help would be appreciated.- 14-Jan-2009 11:35 AM
- Forum: Using jQuery UI
I've got a web app that has a jqGrid in it. The loadComplete callback
function has a piece that attaches a click event to the cell of an
order line if that line has notes. The click event is getting there
fine but what I want to do is load the notes in a jquery modal
dialog. So here is what I tried, but the .load() doesn't seem to work
and I was wondering if there is something blazingly obvious that I'm
doing wrong...
htmlcell.click(function(){
$("#lnTable").html("<table id='lNotes' class='scroll' cellpadding='0'
cellspacing='0'></table>");
var line=$(this).html();
$('#lineNotes').dialog("open").load(function(){
$('#lNotes').jqGrid({
url: "LineNotesGrid?line="+line,
datatype: "json",
height: 300,
colNames:['Notes'],
colModel: [{name:'note',index:'notes',width:
400,align:"left",sortable:false}],
imgpath:"images",
viewrecords:true,
loadonce: true,
width:480,
multiselect:false,
shrinkToFit: true,
jsonReader: {repeatitems : false}
});
});
});
The modal opens, but when I debug in firebug it never goes inside the
load function....and I can't figure out why.
I don't know where to post this so I'll post it here and maybe someone
who needs to see this will see it. I went to jquery.com this morning
and then went to UI. From there I clicked on Documentation. After
that I tried to click on DatePicker but when I did the server gave me
an error as follows...
MediaWiki internal error.
Original exception: exception 'DBQueryError' with message 'A database
error has occurred
Query: UPDATE `site_stats` SET ss_total_views=ss_total_views+1 LIMIT 1
Function: SiteStatsUpdate::doUpdate
Error: 1053 Server shutdown in progress (localhost)
' in /home/jquery/en/docs/includes/Database.php:694
Stack trace:
#0 /home/jquery/en/docs/includes/Database.php(651): Database-
I had a piece of code that worked with 1.2.2 but now it doesn't seem
to work with 1.2.6
Here is the code, can anybody see anything that would cause it to stop
working? All it does is adds a link to a piece of text in a table
cell.
$('#'+i).children('td:first').next().click(function(){
ord = $(this).text();
window.location.href = "Recap?ord="+ord+"&pg="+page;
});
It doesn't seem to be picking up the right part of the DOM anymore...- 08-Jan-2009 01:12 PM
- Forum: Using jQuery UI
I'm trying to get a feel for the datepicker() UI widget but is feels a
little clumsy and not how i'm used to jquery working. What I want to
accomplish is to have the minDate of a datepicker be the value of
another datepicker.
So if I have dp1 and dp2 I would set dp1 to Feb 1 2009. When I
activate dp2 it should show the minimum selectable date of Feb 1
2009. Is this possible?- 11-Mar-2008 09:22 AM
- Forum: Using jQuery
I have a modal that loads via ajax. I need it to load fresh each time
instead of doing a simple show/hide once loaded the first time. I
tried a lot of different things, I'm just wondering how anyone would
handle this...- 28-Feb-2008 10:11 AM
- Forum: Using jQuery
I have a web application. There are 3 jsp's and on two of them I have
jqmodal. On the one it is working awesome. No problems. But on the second
page it gives the error that H[this._jqm] is undefined. I ran it through
firebug and it seems as though the _jqm is not being created. The code for
the jqmodal is identical on the two pages. I used copy and paste. I'm
using the same script library in both pages. I even copied the div it was
using. I'm at a loss...it just doesn't make any sense... any code in
particular you would want to see? Here is the function...
$('#confirm')
.jqmShow()
.find('p.jqmConfirmMsg')
.html("The search you performed produced no results. Please change the
search criteria and try again.")
.end()
.find(':submit:visible')
.click(function() {
if(this.value == 'OK'){
(typeof callback == 'string') ? window.location.href = callback :
callback;
$('#confirm').jqmHide();
}
});
}
the div looks like...
Alert!
Thanks in advance for any suggestions.
Bryce
--
View this message in context: http://www.nabble.com/jqModal-H-this._jqm--is-undefined-tp15738489s27240p15738489.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
I noticed that the trirand site is down again this week. I downloaded
the demos from the google code page, but they don't really work that
well without the database behind it. You can see the code, and work
with it, but you can't actually see what it does physically. That
aside, one big question I need answered before I spend more time with
this plugin... Does it support java? All your examples are with PHP.
But can I return JSON via a servlet and get this working? I tried it
but it doesn't populate the table with the data returned. I know that
the data is being returned in a JSON string because Firebug says so.
I guess I'll try to rip through the source and see if I can make sense
of some things until I get a response...
Thanks
Bryce- 11-Jan-2008 03:29 PM
- Forum: Using jQuery
This works in FF2 just fine. But doesn't work in IE6. I think it is
a problem with the .html()
$(this).after("<tr class='expanded'><td colspan='4'><table
class='insert' border='0' cellpadding='0' cellspacing='0'
width='95%'><thead class='theadinsert'><tr><th>Line</th><th>Date</
th><th>Amount</th><th>User</th></tr></thead><tbody id="+thisorder+"></
tbody></table></td></tr>");
$.getJSON("Lines",{order:thisorder},function(jsonString){
$.each(jsonString, function(i){
$(tbodyID).html($(tbodyID).html() + "<tr><td>" +
jsonString[i].line + "</td><td>" + jsonString[i].date + "</td><td>" +
jsonString[i].amount + "</td><td>" + jsonString[i].user + "</td></
tr>");
});
});
any pointers will be greatly appreciated.
I have a simple webpage I'm using to test some example code for later
implementation. It works great in FF2 but in IE6 is won't render
correctly. Can anybody tell me what is wrong with this code?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<META http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
<meta name="GENERATOR" content="IBM Software Development Platform" />
<META http-equiv="Content-Style-Type" content="text/css">
<LINK href="SimpleTable.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquery112.js"></script>
<script type="text/javascript" src="interface.js"></script>
<script type="text/javascript" src="flydom311.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
var class;
$('#main').SlideInUp('slow');
$('.insert').hide();
$('.order').click( function(){$('.insert').toggle();});
$(".stripeMe tr").hover(function(){
class = $(this).attr("class");
$(this).removeClass().addClass("over");
},function(){
$(this).removeClass();
$(this).attr("class",class);
});
$(".stripeMe tr:even").addClass("alt");
});
</script>
<TITLE>SimpleTable.jsp</TITLE>
</HEAD>
<BODY>
<div class="main" id="main">
<table width="500px" border="0" cellpadding="0" cellspacing="0" >
<thead class="main">
<tr>
<th>Order</th>
<th> # of Lines </th>
<th>Purchase Order</th>
<th> Cust # </th>
</tr>
</thead>
<tbody class="stripeMe">
<tr>
<td class="order" id="466776">466776</td>
<td>4</td>
<td>4228</td>
<td>50096</td>
</tr>
<tr>
<td colspan="4">
<table class="insert" border="0" cellpadding="0" cellspacing="0"
width=95%>
<thead class="theadinsert">
<tr>
<th>Line</th>
<th>Date</th>
<th>Amount</th>
<th>User</th>
</tr>
</thead>
<tbody class="tbodyinsert">
<tr>
<td>1</td>
<td>today</td>
<td> 5.00</td>
<td>me</td>
</tr>
<tr>
<td>2</td>
<td>tomorrow</td>
<td>4.00</td>
<td>me</td>
</tr>
<tr>
<td>3</td>
<td>the next day</td>
<td>3.00</td>
<td>me</td>
</tr>
<tr>
<td>4</td>
<td>and the day after that</td>
<td>2.00</td>
<td>me</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr class="order" id="566852">
<td>566852</td>
<td>4</td>
<td>4228</td>
<td>50096</td>
</tr>
<tr>
<td colspan="4">
<table class="insert" border="0" cellpadding="0" cellspacing="0"
width=95%>
<thead>
<tr>
<th>Line</th>
<th>Date</th>
<th>Amount</th>
<th>User</th>
</tr>
</thead>
<tbody class="tbodyinsert">
<tr>
<td>1</td>
<td>today</td>
<td> 5.00</td>
<td>me</td>
</tr>
<tr>
<td>2</td>
<td>tomorrow</td>
<td>4.00</td>
<td>me</td>
</tr>
<tr>
<td>3</td>
<td>the next day</td>
<td>3.00</td>
<td>me</td>
</tr>
<tr>
<td>4</td>
<td>and the day after that and we'll see if this will wrap</
td>
<td>2.00</td>
<td>me</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr class="order">
<td>466776</td>
<td>4</td>
<td>4228</td>
<td>50096</td>
</tr>
<tr class="order">
<td>466776</td>
<td>4</td>
<td>4228</td>
<td>50096</td>
</tr>
<tr class="order">
<td>466776</td>
<td>4</td>
<td>4228</td>
<td>50096</td>
</tr>
</tbody>
</table>
</div>
</BODY>
</HTML>
I'm sure its some sort of workaround I need to do. Thanks for any
help.- 04-Jan-2008 03:11 PM
- Forum: Using jQuery
I've just started working with jQuery today. One of the things I've
been doing is using zebratables, but it has been with a javascript
function I found that runs off the window.onload. I like the idea of
doing this in jQuery as it is definitely faster (i tested it) and it
is a lot cleaner and simpler.
Here's the problem. I do the $(".stripeMe
tr:even").addClass("alt"); and it works just fine. Then I have
the $(".stripeMe tr").mouseover(function(){
$(this).addClass("over");
});
But instead of replacing the class that is there, it actually adds it
to it. so then it will say <tr class="alt over">
So I put this in, $(".stripeMe tr").mouseover(function(){
$(this).removeClass().addClass("over");
});
Adding the removeClass() does the trick. The problem after that is
that when I do the mouseout I have no way of knowing what the previous
class was. So I have to do a
$(".stripeMe tr").mouseout(function(){
$(this).removeClass();
$("stripeMe tr:even").addClass("alt");
});
This is not good for larger tables as it can make the page seem
glitchy when doing a mouseover. I didn't know if there was a way to
find out in $(this) is even or not....
This works the same in IE6 and FF2. Am I doing something wrong or is
the tutorial not correct? I understand how it is theoretically
supposed to work in the tutorial, but its not right.
Thanks for the help.
Love jQuery by the way. Great library.
© 2012 jQuery Foundation
Sponsored by
and others.
- $('#submit').click(function(){