I finally got tired of doing:
alert('myVar: ' + myVar);
and
str='' for(i in someObject) str+=i+': '+someObject[i]+'' alert(str);
and put together a little debugger to take care of that.
I bet I'm not the first one, but when it comes to JS my motto is "If you want to do it right.
Anyhow here is the demo, you are welcome to view and use the source, just leave the credits...
OK so Ive been using jquery for a little bit now and love it. I am a ColdFusion developer. I have a need where I would like to present the user with a list of categories and the user can drag and drop to sort, but then I need to post this new sort order to the database. So I see there are a ton of cool drag & drop plugins for jquery. I understand how they work and I can get it to work as far as spitting out DIVS or spitting out ULs that can be sorted, but then what? So now they are sorted on my screen and not really part of the form. How do I translate that into something I can do a post to the database with? Do I do an AJAX call every time they drop an item and try to extrapolate the sort order on that item after they drop it? Do I populate a hidden form field with the constantly updating sort order list? MAybe a list of ID's? How does everyone else go about this this task? I'm sure there is more than one way and I'm sure this is a common task.
View 1 Replies View RelatedIs there a free JavaScript debugger available?
View 5 Replies View RelatedWhat debugger would let me see the HTML in a div after I've added HTML
to the div using its innerHTML? That is:
var someInputHtml = prompt("input html");
var referenceToSomeDiv = document.getElementById("someDiv");
referenceToSomeDiv.innerHTML = someInputHtml;
When debugging, how do I now see what HTML is in the div "someDiv"?
Maybe there is a FireFox extension for this? Firebug?
I would like to download debugger for javascript.
Since I works only with IE I thought of trying using the Microsoft Script
Debugger.
I found the following URL
http://msdn.microsoft.com/library/d...tml/sdbug_1.asp
My problem is that I can't find the URL to download the debugger.
Any other JS debugger that works well for IE ?
I'm looking for a good javascript debugger.
View 3 Replies View RelatedThis is a script that frequently keeps me from using bad words.
It loops through an object and returns its properties in text (for alert) or html format.
Usage:
_viewObj(obj[,instanceName[,type[,levels]]]);
Ex:
var obj = {id:3,arr:[2,3,"str",{prop1:2,prop2:""}],nr:3}
alert(_viewObj(obj));
document.write(_viewObj(obj,"obj","html"));
Parameters:
pValue: The object
pName: Instance name of the object. Default: "input"
pType: Which type to be return (text or html). Default: "text"
pLevels: The max amount of levels. Useful if an object references a parent. Default: infinite
Returns:
A string with the properties
function _viewObj(pValue,pName,pType,pLevels,pObj) {
function objExists(pCurr) {
for (var i=0; i<pObj.length; i++) {
if (pObj[i]==pCurr) {
return true;
}
}
return false;
}
pType = new String(pType).toLowerCase();
if (new String(pName) == "undefined")
pName = "input";
if (new String(pType).search(/html|text/i) == -1)
pType = "text";
if (pLevels == "undefined")
pLevels = -1; /* Infinite */
if (typeof pObj == "undefined")
pObj = [];
var str="";
if (typeof pValue != "function") { // No functions / methods - just values
var br=(pType == "text"? "
" : (pType == "html" ? "<br>" : ""));
if ((typeof pValue == "object" && !!pValue) && (pValue.length) && (!pValue.substring)) { // An array
try {
for (var i=0;i<pValue.length;i++) {
if (pLevels==0) {
str+=br+pName+"["+i+"]: "+pValue;
}else{
str+=""+_viewObj(pValue[ i ],pName+"["+i+"]",pType,pLevels-1,pObj);
}
}
} catch (e) {
str+=br+pName+": "+pValue+" (Not an array)";
}
} else if (typeof pValue == "object" && !!pValue && (!pValue.substring)){ // An object
try {
for (var prop in pValue) {
if (pLevels==0) {
str+=br+pName+"."+prop+": "+pValue;
}else{
if (typeof pValue[prop] == "object" && objExists(pValue[prop])) {
str+=br+pName+"."+prop+": [Parent Object]";
}else{
pObj.push(pValue);
str+=""+_viewObj(pValue[prop],pName+"."+prop,pType,pLevels-1,pObj);
}
}
}
} catch (e) {
str+=br+pName+": "+pValue+" (Not an object)";
}
} else{// if (typeof pValue != "object") { // Simple value
str+=br+pName+": "+pValue;
}
}
return str;
}
edit:
Avoiding never-ending loops by checking for parent objects.
Ex:
var parentObj={id: 2};
var test={id: 1,par: parentObj};
parentObj.tst=test;
According to the Sitepoint FAQs, most serious programmers debug their scripts by hand, but when my javascripts don't work , I like to be told why, the more explicitly the better.
I used to have NN4 and its debugging was fantastic (certainly more helpful than IE and Opera, although theirs aren't too bad). I was just wondering what other people think is the best browser/resource for debugging javascript. If it's Netscape, does this mean I have to download the whole browser, and does the debugging vary with version number? Which would be the best to get? (Note: I'm only interested in its debugging capabilities, not its quality as a web browser).
Whenever I stop the IE script debugger it closes the browser window as well.
View 2 Replies View RelatedI recently learned about a new Javascript Debugger called FireBug. From what I've heard, it's pretty good. Here's the link: Code:
View 4 Replies View RelatedI have both firebug and venkman debuggers installed. Both seem to function yet neither works. I use firefox3.5.3., windows xp.
View 2 Replies View RelatedI'm pretty new to JS, used to be back-end guy with strong front-end skills (HTML, CSS), learning JS now and I have a huge problem.
I'm using Windows 7, coding mostly in NuSphere PhpED, but I see it doesn't work so well for JavaScript.
What's the best tool for JavaScript coding in Windows, maybe with built-in debugger (I hope there's something else than Firebug, Dragonfly etc.) with syntax coloring, and perfectly with a feature like this one
Maybe you do know the best syntax-help Windows editor for PHP too? (PhpED is not perfect IMO). Eclipse?
BTW - if there are any OSX based front/back-end webdevs - put screens of your editors features (JavaScript & PHP preferably). I'm thinking about switching to MAC, but haven't got cash for that at this moment (and I'm kind of Apple hater, however I believe in front-end field they have no contest).
Javascript issue: IE suggest bug but no code is reported in the debugger. Any ideas why IE doesnt find the broken code / or line
View 1 Replies View RelatedI have a javascript program that works fine under Firefox and on IE
when running XP, but is having a problem with IE running under Windows
2000 Pro.
On my personal XP development machine I have the Microsoft Script
Editor and I can set a breakpoint, step through code, inspect
variables, etc... with no problem.
On a machine where I am trying to debug this problem I am running
Windows 2000 Pro with IE 6. I installed the Microsoft Script Debugger.
When the program hits the exception the script debugger will come up
and show me the line where the error occurred.
I need to be able to inspect the variables to determine the problem.
However, from what I can tell, there isn't anywhere to inspect or watch
the variables in MSD?
I'm having a bit of difficulty sorting images named in sequential numerical
order. Here are the image names and how I need them sorted.
image1.jpg
image2.jpg
image3.jpg
image4.jpg
image5.jpg
image6.jpg
image7.jpg
image8.jpg
image9.jpg
image10.jpg
image11.jpg
image12.jpg
Using array.sort() here is how it gets sorted,
image1.jpg
image10.jpg
image11.jpg
image12.jpg
image2.jpg
image3.jpg
image4.jpg
image5.jpg
image6.jpg
image7.jpg
image8.jpg
image9.jpg
Any ideas how to correct this? I've tried a few methods unsuccssfully.
I have an array of objects. My object definition is given below:
function tempArray(code,height,weight)
{
this.code = code;
this.height = height;
this.weight = weight;
}
I used the following function to sort.
function sortBy(prop,arr) {
sortProp=prop;
arr=arr.sort(sortFunc);
}
function sortFunc(part1,part2) {
if (part1[sortProp]>part2[sortProp]) retVal=-1;
else if (part1[sortProp]<part2[sortProp]) retVal=1;
else retVal=0;
return retVal;
}
This however allows me to sort only by one criteria. I need to sort by
weight first and then by height for those items that have the same
weight.
I wonder if the following is even possible :
Suppose I have a page with a set of hyperlinks on it. Each time a hyperlink
is clicked a new window is opened. What i basically want is the following :
I want a counter at the client side which increments each time the user
clicks one of those links. At the bottom of the page I'll put a button
which should be used to send the value of the counter away.
The problem is I only know server side scripting and have no idea on how to
implement such a counter on the client side. I even wonder if it's possible
to detect when a link is clicked. The links may be buttons if that would
make it easier, it's just that i don't want to reload the page each time a
link is clicked but only at the end when the button at the bottom would be
clicked.
I have multiple lists in which i change the values of the LI elements. how can i make the lists be sorted by highest value?
View 3 Replies View RelatedI'm working on displaying a list of events on my site and need to display them in ascending order. i've got an xml document that looks like this(with multiple events obviously,Can anyone help me with sorting this? So far I have it displaying only events that are occuring after the present date(currentDate). How would I go about displaying them so that the events displayed will be in the order of the earliest date displaying first?
View 3 Replies View RelatedI'm looking for a script able to mix an array randomly...
I can sort an array without any problem...
Now I want to mix it randomly ...
I would like to sort a table. Some of the rows in my table contains a table. How to tackle this problem?
View 10 Replies View RelatedI can't find any syntax for how to sort something with JQuery but here's a description of what I'm wanting to do.[code]
1. Start with the list of matches, in order. Introduction comes first.
2. Sort the segments by segmentOrder first, segmentNum second.
3. Insert each segment after match #(segmentOrder), in the same order.
I check the web and they only show you how to sort the whole array. I would like to be able to sort the subset of the 2D array.How would I sort the sub array independently. So only the a's together, then only the b's together, etc.
View 2 Replies View RelatedFor example when row two is clicked I would like the table to reorder a, b, c, d
<table><tr>
<td>col 1</td>
<td>col 2</td>
<td>col 3</td>
<td>col 4</td>
</tr><tr>
<td>b</td>
<td>a</td>
<td>d</td>
<td>c</td>
</tr><tr>
<td>z</td>
<td>x</td>
<td>y</td>
<td>w</td>
</tr></table>
I have a list of records from my database being displayed on this page. I want to be able to sort the columns. Typically, I do this with an HTML table, but was wondering if there is a way I can setup the below code using jQuery to allow for the column headers to be sortable? I have an icon to sort up and an icon to sort down.My goal is to allow the user to sort the data without a page refresh.
<div class="header">
<ul>
<li style="width: 20%;">Customer Number <img src="images/iconSort.gif" /></li>
[code]....
Below mentioned code prints properly in Mozila but not in IE7 code...
View 7 Replies View Related