In order of priority, I need the following for Safari:
* a debugger (with watch)
* a console (with errors and command line)
* Web Developer toolbar (edit css, validate local)
* DOM inspector (like Firebug or IE's DOM inspector). Firebug is awesome, though...
* Possibly a source editor
* anything else that is useful (like http://www.squarefree.com/jsenv/ or the other bookmarklets on squarefree.com that work for safari).
Does safari support hasOwnProperty now? What about named functions in object literals? syntax example:
If you follow the evolution of software development on Internet, you may have the impression that every new development is Web based and that the main areas of concern are whether you should develop new application with Ruby on Rail or if you should choose Flash rather than Ajax for the interface. However, if you ask developers, you may find that the Web is not as ubiquitous in their work as you may think.
Even if 66% of the participants develop the majority of their new applications with a browser as the interface, there is still a large portion of developers that are working today for operating contexts that are outside the Web world, like embedded software or Windows applications. Code:
I'm currently building a new search engine that will search around 15,000 products and would like some general advice as to the best way to approach it.I want to offer instant results, so the user will click an icon and the results change, no submit buttons or postbacks.My database is MS SQL and my frontend is ASP.Net, but for this I'm looking to develop the majority of the search functionality in JavaScript.What I'm asking really is what people recommend for the best way to approach providing instant results.
My current thinking is an initial database query loads the data into XML, then use JavaScript and XSLT to filter the XML and display the results, then as filters change these can be handled by the JavaScript and XSLT rather than going back to the database.Does anyone have any general advice on the best performing way to provide this sort of functionality that ultimately will give the quickest results?
How can I tell programmatically if I've executed my script from my home computer or from my server online? I have a batch of media files I'd like to contain in a dedicated directory, and that directory would have a different path on my home computer than on my online server; I'd thus like to reference one path over the other in my code based upon the location from which I'm running the script.It would be ideal if the solution would *not* involve a hard-coded reference to my existing online URL, since that may change over time, but instead simply "sense" whether the script has been executed online or not.
I created some RGB-to-HSL and HSL-to-RGB functions for JavaScript that I think might be useful for some of you. function fnRgbToHsl(r, g, b){ // R G B as integers, 0..255.
r /= 255; g /= 255; b /= 255; var max = Math.max(r, g, b), min = Math.min(r, g, b), l = (max + min) / 2; h = 0, s = 0; if(max != min){ s = (l < .5)? (max - min) / (max + min): (max - min) / (2 - max - min) h = (max != r)? (max != g)? 4 * (r - g) / (max - min): 2 * (b - r) / (max - min): (g - b) / (max - min); } h *= 60; if(h < 0) h += 360; return [h, s, l]; }
function fnHslToRgb(h, s, l){ // H as degrees 0..360, S L as decimals, 0..1. h /= 360; function fnHueToRgb(x, y, h){ if(h < 0) h += 1; else if(h > 1) h -= 1; return ((h * 6 < 1)? x +(y - x) * h * 6: (h * 2 < 1)? y: (h * 3 < 2)? x + (y - x) * (2 / 3 - h) * 6: x); } var y = (l > .5)? l + s - l * s: l * (s + 1), x = l * 2 - y, r = fnHueToRgb(x, y, h + 1 / 3) * 255, g = fnHueToRgb(x, y, h) * 255, b = fnHueToRgb(x, y, h - 1 / 3) * 255; return [r, g, b]; }
If I get the time, I'll build some tools around them, such as methods of getting triad colours, complementary and split complimentary colours, analogous colours, saturation variations, luminance variations (tints and shades) and hue variations (chromatic variations).
I subcontracted a programmer who replaced my jquery.js with a different version of jquery. This version breaks my function, but my version breaks the layout. I have a function that works with
Code: jquery.tools.min.js But not with Code: jquery.js?ver=1.4.2
Here's is my function: Code: <SCRIPT type="text/javascript"> $(document).ready(function(){ $('.theVideoLink').click(function(e){ e.preventDefault(); $('#VideoContent').load($(this).attr('href')); }); }); </script>
I need this code to work with Code: jquery.js?ver=1.4.2 But it doesn't. It works with Code: jquery.tools.min.js But this jquery.tools.min.js breaks the layout in IE7&8.
How to find the top 5 JavaScript obfuscation practices and tools? Are there tools able to combine multiple .js source files into one combined wholly obfuscated and hopefully compressed .js output file? Is it wise to obfuscate twice? and The top 5 CAPTCHA evaluation tools (don't necessary need to be javascript).
I am having problem in validating my form using spry tools. The problem is that if I try to include any other validation other than spry along with spry validation the spry validation does not work.
Is there a way to 'activate' an item in the list of items inside Scrollable? The thing I want to accomplish is this: call the api.seekTo() method inside a piece of javascript (this part works) and then visualy show the user what item in the Scrollable list it was that was sought. I know I can influence the appearance of an item clicked but what I do want is tell the scrollable to activate an item (and scroll if neccecary to bring said item into view). So clicking I understand, telling or programaticaly setting the item _without_ clicking and make it stand out (by using the activeClass property).
But I need the scrollable to goto the particular item, in this case my project is a dj timetable for times, so if its currently 2pm, goto that item in the scroller on start - of course, there's PHP involved, so that'll be used, I've already got the item classed as .active, all I need is the scroller to go to that item automatically.
i downloaded a script from jquery tools which is the above: PHP Code:
$(".scrollable").scrollable(); $(".items img").click(function() { // see if same thumb is being clicked if ($(this).hasClass("active")) { return; } // calclulate large image's URL based on the thumbnail URL (flickr specific) var url = $(this).attr("src").replace("_t", ""); [Code]...
if it's possible to nest tabs inside a scrollable from jQuery Tools. Basically, replacing the page content with a set of tabs. I've tried a few times, and with the jQuery native tabs, there must either be some JS or CSS conflicts that prevent things from working properly.
A little difficult to explain, but here goes:I've combined a couple different jquery scrollable functions to a webpage that I'm creating. URL...for my horizontal scrolling.The problem with the vertical scrolling function is that it relies on the mousewheel and mouse clicks for scrolling and I don't feel it's immediately apparent that the text scrolls. But I really like the effect, so I've added arrows and tried to get the functionality from the vertical scrolling example, but it's not working, except for the down arrow in the content in the very last tab. When you click on an arrow, it currently takes you to the previous or next horizontal section.
I know the answer is in there somewhere, but I'm not sure where to look for it. Here's the javascript file that controls the functionality:URL...
Some history: Although I know that it is considered 'old' technology, I have built hundreds of imagemaps over 10 years for a local photographer who uses a panoramic camera (now a spectacular digital one) to photograph weddings, schools etc. I then pop an imagemap area over each face and add a title (and alt text for IE viewers) that shows up on mouseover to identify the person.
I've been using the jQuery tools library recently and tried changing this tooltip demo which turns an image's title into a tooltip from:
Thus grabbing the title associated with an area rather than an image.
I just built a quick proof of concept using the image map of a family meeting on one of my sites, and viewed it in Firefox. As expected, on hovering over an area the tooltip popped up at top center of the image, with the title text in it. Wow! GREAT! I thought. ;-)
BUT...
In IE: Tooltip pops up, containing the matching title text, but far away from the clicked area and NOT at top center.
In Opera: No tooltip, browser's title box opens by mouse position, but with out title text, instead it contains the a href link that clicking in the area would go to.
In Chrome: No tooltip, no title.
In Safari: No tooltip, no title.
(BTW All tests were done in current browser versions under Win XP)
I just tried Tero's demo at [URL] in all browsers and it worked fine, in every case the tooltip appeared top center of the image, with the title text in it! So it would seem at first thought to be involved with the way browser manufacturers have built their DOM... But further reading indicates that all post v5 browsers use the same DOM model, so I'm stumped. I've Googled quite a few threads where folk have had js/DOM/imagemaps conflicts, but have found no post resolving the issue.
Since libraries such as jQuery claim to isolate us from browser variances, is it just that imagemaps are considered so 'out of date' that browser manufacturers haven't bothered to update their code to integrate them into the standard DOM? (Bravo FF, 'does it right' again!)
I want to make a list of divs into a vertical scrollable slider.Each div will consist of a small thumbnail image, a small title header and a link.I haven't started coding this yet but the above code should give you an idea of what I'm aiming for. The image thumbnails will be floated on the left, and the titles/links will be floated on the right.
I've been looking at the jQuery Scrollable script here and when I tested it with JS turned off, the rest of the content within the slider stayed hidden, instead of being visible and there was no way of viewing the rest of the content within the slider, other than the three images that were "in view".I would like to know if there's a way of making all the content within the slider visible all at once when JS is disabled. Is it possible to do this?
I have a website with no ssi, php, cgi...nothing. Plain old flat pages are all it serves. I need to upload a list to it - a big, plain text list in html. A 2Mb list!
With gzip compress, it comes down to 91Kb, much more modem-friendly!
After about 30 minutes of googling, I haven't yet found a way of serving this page up like this. I can't send headers as no php or .htaccess is allowed.
And please don't suggest I move to a "proper" web host! It's for a friend with a one-off need for a small website for about 2 months, and the freebie 10Mb is fine.
The very simple code (below) works fine in Safari (and Chrome, Firefox etc.), but it doesn't work in Mobile Safari. Why?(You can find a working example at: http:[url]....)
Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>[code]......
Does anyone know if there is a quick test to tell if Safari 1.3 (or 2.0 will suffice) is the browser that doesn't rely on the typical navigator.* methods? For instance, there is the good 'ol document.all test for MSIE... Looking to add Safari support to my tty editor for my cms.
I am currently working on a project that displays preview of a jpeg in an iframe. we can edit this preview - like increasing its zoom level and changing pages , images etc. This works fine with IE on windows but whenit comes to Safari on Mac , the preview is lost on refreshing the browser.
I have noticed that this problem occurs when ever I use Iframes. Although the main jsp page is refreshed and shown, the jsp page that is the source for iframe contained in the main jsp page is not shown.
that some_script would not be called until the <body> was completely loaded - is this not the case? With Safari 1.3 I seem to have to delay inside some_script (there is some php in the <body> that slows down the loading). Since I happen to have a spare iframe in my <body>, I load a tiny bit of html in it whose job is simply to set a "loaded" flag, tested inside my delay code.
What I was observing was that some fields inside a <form> in the <body>, whose values are set by some_script, were, with Safari, not visible until I clicked in one of them - then they all popped into sight. I wasn't seeing this with other browsers and a delay mechanism fixed it.
It was as if the onload was triggered as soon as it was encountered rather than when the loading was complete.
