Ask MetaFilter questions tagged with javascript

Can you help me find a particular Javascript charting library website?

chocolate_butch — Mon, 14 Dec 2009 10:25:22 -0800

Can you help me find a website about a charting library that I saw recently? I'll be darned if I can find this particular web based charting library, that I believe was javascript based. Here is what I can recall about the website:

- I visited the site in the last 90 days.

it was unlike any other charting site that I had seen before.

- There was a 3-d animated chart on the starting page that resembled the ripples in the surface of water after a droplet hit it.

- each page in the site had large explanatory text on primary color background. pages were rather spare content-wise.

- the site presented the information more like a series of slides that demonstrated the capabilities of the library. Like a ppt slide deck.

- the charting feature may have been part of a larger "ajax" library.

- 3d charts could be animated to spin around like Matrix "bullet-time". IIRC zoom in/out may have also been possible.

- I may have found it either via the blue, reddit or delicious.com/popular . A search through my history is turning up nothing, I think I was on a different computer.

- I recall seeing x-y charts, x-y-z charts, and pie and exploded-pie charts.

Does that ring a bell with anyone?

Help with a javascript effect please!

bonsai forest — Mon, 07 Dec 2009 11:17:29 -0800

I'm trying to implement this moo tools javascript effect to fade in, and then fade out a single image element, and I need help to make it work. This is my attempt. As you can see, when you click my effect link, the image fades up just as I would like, and when you click my effect link again, the image fades away, but then my problems start! After fading away, the image all of a sudden reappears, and then, when you click the link again, it just fades and reappears. I just want the clickable link to toggle the image on and off.

I do not know javascript at all, and haven't been able to figure out what is causing this. this is the code I am using for onload:

window.onload = function() {



// MOO.FX OPACITY 

	aboutOpacity = new fx.Opacity('aboutContent', {duration: 1500, onComplete: function()

 		 { aboutOpacity.setOpacity(1); } 

  	});

		

	aboutOpacity.setOpacity(0);		

}



// HIDE/DISPLAY FUNCTIONS 

function displayAbout() { document.getElementById('aboutContent').style.display = ''; }



function hideAll() {

		document.getElementById('aboutContent').style.display = '';

		}

and this is the html I am using to trigger the effect:

onclick="hideAll();displayAbout(); aboutOpacity.toggle(0, 1);

Pseudo-geeks, Google Maps, bus routes and the quest for happiness.

eytanb — Sun, 06 Dec 2009 14:56:24 -0800

How complicated is it to create a bus map on the Google Maps API? So I saw this Google Maps mashup with NYC subways and I was wondering how hard it would be for a someone with decent geek-fu to figure out how to do it. I know that any self-respecting geek would just tuck down and tinker but I am a little stressed for time.

I am a little familiar with Javascript, PHP and MySql (more in terms of adapting then writing) and am willing to learn. I just need to know that this is not going to be a time sink. I can spend my commute throwing the actual bus routes into a KML map (is that what it is called? My knowledge in this field is limited at best.)

So what I ask of you, oh Giant Seething Meta-Brain, is what are the main steps I need to take for this? What will this require of me? How long would this take someone who is relatively proficient? What about someone with the coding skills of a drunk duck?

Help me reverse-engineer Google Wave

ook — Thu, 29 Oct 2009 07:13:55 -0800

Google Wave question: does anyone know the technical details of how blip editing works? It's not a textarea, obviously; if you watch in firebug while editing a blip it just looks like they're building up div and p tags on the fly. Plus, you know, there's all that non-text stuff.

So have they reinvented all the functionality of browser text input by individually capturing all the key and mouse events, or what?

(I ask because I have a project going where some of this functionality would be extremely useful -- I'm wondering if this is a well-known technique that somehow passed me by, or if it's black magic that I haven't a hope of reproducing.)

Which HTML/CSS/JS IDE do I want?

drjimmy11 — Tue, 27 Oct 2009 13:31:52 -0800

Which HTML/CSS/JS IDE do I want? So I've been doing AS3 development for the last few years, using Flex Builder, but am now moving back into HTML/CSS/JS. I've gotten used to having a fairly intelligent IDE and I'd like to not go back to the bad old days of having to type every single param and property from scratch every time. (I'm looking for code help, not just highlighting.)

I have tried a few but none seems to have everything I want:

1. Dreamweaver:
Pluses: When you link to a stylesheet, you can CTRL+space and get a list of styles to choose from.
Minuses: Weak support for JS. (no auto-complete at all)

2. Aptana:
Pluses: Seems to have excellent JS support, including major AJAX libraries.
Minuses: Unless I am missing something, I can't choose Css styles off a list, and that is a major major timesaver for the work I'll be doing.

3. HTMLPad 2010:
Plusses and minuses seem about the same as Aptana, plus it costs money. (DW CS3 is already installed on my work machine so no cost there.)

So, am i doing something wrong with Aptana? Is there another piece of software I'm not aware of? Or should I settle for DW for html/css and Aptana for JS? (The work will probably be 80% or more on the html/css side.)

thanks!

Joysticks + Javascript

yegga — Tue, 27 Oct 2009 05:20:15 -0800

How do I get to access my joystick via javascript, independent of platform? Is there a way to detect joystick events and pass them to javascript agnostic to the OS?

I am aware of this: http://www.bigredswitch.co.uk/toolbox/joystick/

but this is Windows-OSX Firefox-Safari specific.

Any ideas?

Firefox and ASP.Net 1.1 and Ajax and Validators, oh my!

antifuse — Thu, 22 Oct 2009 14:20:32 -0800

How can I get Ajax and client side validators working with my ASP.Net 1.1 application in Firefox? Ok, long story short - I've got an ASP.Net 1.1 website, which uses Validator controls and Ajax (ajax.dll, v5.7.22.2)... All of these elements of the site were chosen/implemented before I got here, and before anybody asks, no, it's not within our budget (timewise) to upgrade even to ASP.Net 2.0, let alone the latest and greatest of everything.

The site works fine in IE (of course), but in Firefox (or Chrome... Haven't tried Opera or Safari) I've found that ASP renders the site without any javascript code for the validators, nor does it render the site with any javascript code for the ajax methods that I call.

I've checked, and our web.config is setup to treat Firefox as an "uplevel" browser... And it *does* seem to be using the correct HtmlWriter (ie my pages on FFox are rendered with spans and divs). I've tried creating a PageClient alias using an IE7 user agent in the web.config, and forcing the page to use that PageClient. NOTHING seems to let it generate the Ajax and validator javascript. My research on the net seems to be pointing towards validators simply not ever able to work with ASP.Net 1.1 and Firefox... And I presume that whatever the validators do, the Ajax library is doing as well... But I'm really really really hoping there's a workaround for this. It'll be extremely embarrassing to have to tell the client in this day and age "Sorry, we don't support non-IE browsers with this release".

31 stylesheet limit... class != className... double margins... get me out of here!

tmcw — Thu, 22 Oct 2009 12:50:45 -0800

So, I am sadly tasked with debugging sites on IE every once in a while. Is there anything that even approaches the awesomeness of FireBug/Web Inspector for this task? And, the more advanced the better. I'm debugging what one might call 'serious shiz' like namespaces, tricky CSS bugs, javascript screwups...

Thanks! (and, of course, I'd prefer it to be free but if it's a paid deal and it works great it would be cake to sell it to the ol' upper management)

Can javascript "listeners" working across frames?

jpolchlopek — Thu, 15 Oct 2009 15:59:57 -0800

Guerilla-coder Javascript filter: Rather than wait 12-18 months to get my project idea into my company's queue, I'm trying to find a workaround. It's going to be ugly. It's going to be messy. And I have no idea how to do it. Bottom line: My company's web portal has a top frame that I can control, and a bottom frame controlled by Web IT. Can I add an event listener to the top frame that will watch the bottom frame and excecute when it's done loading? So, I work for a major healthcare insurance company. The project queue is 12-18 months for major stuff and 9-12 months for piddly stuff. Naturally, we make exceptions for breakfixes (and for execs who have a pet project and scream alot, of course), but even simple stuff takes forever.

As an example, I put in a request a year ago to have a simple piece of javascript loaded into the web portal; it's just getting put in, this weekend.

Believe it or not, I really do like my job. It's almost become something of a game to see how much I can do with the few parts of the webpage I can control. Anyway ...

The top frame of the web portal is fully under my control, but never refreshes. As a result, I can't use addLoadEvent() or any of my usual tricks. Is there some sort of listener that can sit in the top frame and watch the bottom frame?

I can give lots more details if needed (no, this is not me going rogue; yes, I have approval to dick around in our test environments to see if this is going to work; yes I'm really trying to do something that will benefit our users). Please keep in mind my skill level is only intermediate, so I may have to do lots of research ... but I'm more than willing to do that. I just need a direction to go.

Need money now thankyou.

drjimmy11 — Fri, 09 Oct 2009 15:50:15 -0800

What are some good tech-centric temp agencies in L.A.? Hi! Yet another in my long series of job-trauma questions.

I'm currently between jobs- I'm a web/software developer, specializing in flex/AS3 but with years and years of doing html/js/ajax/php type stuff too. I have a pretty strong resume, I like to think, going back about 10 years.

I'm currently getting contacted by a lot of recruiters and going on a lot of interviews, but it's a very drawn-out process. Basically I need a gig to bring in some money now- cutting up PSDs or whatever is fine, I'm not proud at this point. I'm curious if anyone knows any decently reputable agencies who could get me something like this soon. Specific names of agencies are appreciated, referrals to specific people are even more appreciated. (meMail me if you like).

(I'd also be interested in where I can advertise myself as a flex freelancer, but I'm more inclined towards W2 right now for a few reasons.)

Thanks!

How does HuffPo append URLs to copied text?

eyeballkid — Fri, 25 Sep 2009 10:05:39 -0800

I noticed today that text copied from articles on The Huffington Post appends the article URL when pasted and I'm wondering how it's done. Here's an example of copying and pasting text from the current front page story of the G20 meeting:

The three leaders, in their dramatic joint statement that overshadowed the G-20 economic summit here, hoped the disclosure would increase pressure on the global community to impose new sanctions on Iran if it refuses to stop its nuclear program.

Read more at: http://www.huffingtonpost.com/2009/09/25/obama-iran-has-secret-nuc_n_299556.html

The "Read more at:..." portion never appeared on the page.

Repro steps:

1) Copy any random paragraph from a HuffPo story.
2) Paste elsewhere.

I'm using FireFox 3.5.3 on Windows 7. I don't see this behavior when copying from other sites.

Can greasemonkey open a link in a different browser?

Roger Dodger — Wed, 23 Sep 2009 09:51:32 -0800

Is it possible to use a greasemonkey script in Firefox to open specific links in Internet Explorer? If so, what would it look like? The particular element in the HTML page is an input button which executes some javascript, which opens a different webapp in a new browser window. However, that webapp only works with IE, and I use Firefox. The element looks similar to this:

<input value="New Webapp"  class="btn" name="webapp" onclick="openIntegration('/servlet/servlet.Integration?scontrolCaching=1&lid=00b70000000zL1t&eid=50070000009tNYv&ic=1', 'height=600,location=no,resizable=yes,toolbar=no,status=no,menubar=no,scrollbars=1', 1)" title="New Webapp" type="button" />

The openIntegration function (which sits in a separate .js file) looks like this:

function openIntegration(url, props, positionType) {

    var newWindow = window.open(url, "_blank", props, false);

    if (positionType == 2){

        newWindow.moveTo(0, 0);

    } else if (positionType == 0){

        newWindow.moveTo(0, 0);

        newWindow.resizeTo(self.screen.width, self.screen.height);

    }

}

Can javascript be used to specify a browser other than default? How would I go about doing this?

How to get this javascript snippet working for me?

Tooty McTootsalot — Tue, 22 Sep 2009 10:24:47 -0800

I'm a noob. Tell me why does this snippet of javascript work on my coworker's computer, but not on mine? I have started helping out a coworker on a project he's working on. The project is a mix of html, struts and javascript, and we're using J Developer for editing. He created the framework, and I've been helping him out here and there setting up pages. He created a page that gets info via a form, which is then tacked onto the url, where it is then used to forward the user to the appropriate page. Simple, right? This works fine on my co-worker's computer, but does not work on mine.

When I've done this in the past, I've parsed the url itself to get the info, but he is able to do it with a line of code:

jsp:forward page="Maps_${param['scale']}_${param['issue']}_${param['maptype']}.jsp" /

Where 'param.scale', 'param.issue', and 'param.maptype' are set on the previous page and are in the url. This works fine on his computer - it displays a page looking something like "Maps_Scale_Issue_Maptype.jsp." On mine, it directs me to: "Maps___.jsp". (i.e. all variables are "") His redirect url is:

http://blah/Project/app/Maps_Forward.action?scale=Scale&issue=Issue&maptype=Maptype&zipcode=&submit=View+Map

Mine is:

http://blah/Project/app/Maps_Forward.action?scale=Scale&issue=Issue&maptype=Maptype&scale=&issue=&maptype=&zipcode=&submit=View+Map

Note the duplicates in my version? But if I manually put in the proper url, it still does not fix the problem.

I've tried this in IE and Firefox. Both work on his, neither work on mine. We are running the exact same project, and are supposed to be using the same version of J Developer. Anybody have any ideas on what could be going wrong? This is not what I normally work on, so I'm pretty new to this, and my GoogleFu and advanced troubleshooting skills have failed me. Thanks in advance.

Adding items to the end of a javascript array

cmm — Wed, 16 Sep 2009 14:32:39 -0800

Javascript arrays question. How can I manage multidimensional arrays better? Right now, I have code like this:



    var extraFieldPairs;



    if (parentSKUField != "" && parentNameField != "")

    {

      extraFieldPairs = [[parentSKUField, sku], [parentNameField, name]];

    }

    else if (parentSKUField != "")

    {

      extraFieldPairs = [[parentSKUField, sku]];

    }

    else if (parentNameField != "")

    {

      extraFieldPairs = [[parentNameField, name]];

    }



    updateParentFields(parentIdField, parentDisplayField,

      id, display, null, extraFieldPairs);

This works. But I have to split out every combination of fields to make my array. I've not been successful with using push to add stuff to the end instead. There's just some syntax that is escaping me. Please hope me.

Web coding questions

Badmichelle — Wed, 16 Sep 2009 09:47:37 -0800

Two webcoding questions: 1) What is the web coding name for hiding/revealing text without reloading a page? For instance, on this page you can see "Continue Reading" and "Hide this News Article" as toggles. They appear to be doing it with javascript. What is this called and are there simple free coding samples available for me to use? 2) Are there any free plugins that I can use on a blog to play audio samples? Something similar to what's used in MuFi or Wordpress's audio streamer, but without needing Wordpress. Thanks!

Do you Java-script?

london302 — Wed, 16 Sep 2009 09:06:08 -0800

Calling all Javascript Experts: I am trying to tweak a small javascript bookmarklet to improve its functionality. The fact I dont know HOW is turning out to be a bit of a challenge. Help me please! javascript:void(location.href='http://html-pdf-converter.com/en/convert?u='+escape(location.href))

This bookmarklet opens the webpage of html-pdf-converter but I want it to to open a new page and load the url where I am when I click on the bookmarklet. (I know it can be done because my other favourite bookmarklet does it for a different purpose) see code here:

javascript:popw='';Q='';x=document;y=window;if(x.selection)%20{Q=x.selection.createRange().text;}%20else%20if%20(y.getSelection)%20{Q=y.getSelection();}%20else%20if%20(x.getSelection)%20{Q=x.getSelection();}popw%20=%20y.open('https://mail.google.com/a/xxxx.comk/?view=cm&fs=1&tf=1&to=&su='%20+%20escape(document.title)%20+%20'&body='%20+%20escape(Q)%20+%20escape('\n')%20+%20escape(location.href)%20+%20'&bcc='%20+%20escape("xxxx@xxxx.com")%20+%20'&zx=RANDOMCRAP&shva=1&disablechatbrowsercheck=1&ui=1','gmailForm','scrollbars=yes,width=680,height=510,top=175,left=75,status=no,resizable=yes');if%20(!document.all)%20T%20=%20setTimeout('popw.focus()',50);void(0);

Now if only I can get someone to help me pick the best bits from both and make it work.

EXTRA points, if someone can also get it to press the 'convert' button so all I get is a save/open dialogue.

In case you are wondering, I have tried using software on my computer to convert like cutepdf but the output is not nearly as good as this.

Many thanks

Jquery/Javascript image hover effect

Fifi Firefox — Wed, 19 Aug 2009 16:53:21 -0800

Web designers/developers: I'm looking for a script for a particular image hover effect (javascript/jquery), and I'm having no luck with Google. The effect can be seen here - there's a lot going on in that site, but the part I'm interested in is the row of images along the bottom (featuring games). When you hover over one of them, the image pans a little bit along with the mouse. I'm looking for something along those lines - an effect that subtly pans or zooms an image within a static window in response to a mouse rollover.

The site I linked was created in Flash, but my Google searching turned up this similar effect using jquery, so it seems like it might be possible to achieve in a more accessible way. (That example would be great if only it worked as a rollover instead of requiring the viewer to hold down the mouse.)

I know little to nothing about either javascript or jquery, so it may be that I'm just not searching for the right terms. If anyone can point me in the right direction, I'd much appreciate it.

Zoomy Lightbox a la Firefox?

CaptApollo — Wed, 19 Aug 2009 08:09:06 -0800

I am in love with the zoom-in dialog box used for the video demo on the Firefox 3.5 'what's new' screen. Is there a cross-browser equivalent? I know about various 'lightbox' scripts, but this zoom thing is new to me.

How can I find someone willing to let me, an amateur, design a website for them for practice?

oracle bone — Fri, 31 Jul 2009 21:50:57 -0800

How can I find someone willing to let me, an amateur, design a website for them for practice? I've worked amateurishly with website design/coding before, largely on my own, in a learn-as-needed learn-as-I-go style. Most of these projects have been done for fun, and as a result, most of them are simple websites & have not stayed online for too long. I'd like to eventually work for pay. However, since I've never worked professionally before, I don't think I have enough experience, so I'm looking for opportunities to gain more experience & expand my portfolio.

Can anyone suggest how I can find some people who would be willing to let me design a website for them? I can work for little/no pay, but I'd really like this project to be comprehensive in the sense that I get to work with all components of a website (coding/databases/etc). Also, I'd like to be able to use this as an example of my work for my portfolio.

This could be local, but I have already tried several non-profits in the area but most already have webmasters. (I live in a pretty small, non-tech town, so to speak.) I can also consider working over the internet with someone/some group, ideally with programmers more experienced than me so I can still learn new techniques.

Techniques I'm quite comfortable with/experienced in: HTML, XML, CSS
Techniques I'd like to practice: PHP, MySQL/databases, JavaScript, AJAX.

Any suggestions appreciated!

Newbie at this PHP stuff...

Phire — Mon, 13 Jul 2009 21:46:30 -0800

PHP / Javascript question - Lightbox (and Greybox, for that matter) doesn't seem to want to play nicely with my "include" function. I'm trying to integrate the LightBox app into my new website.

The site's basic structure is an index.php page that uses the "include" function to call up each of the subsections. Like so. The page I want lightbox on is the "art.html" page, which shows up as "http://www.phirephoenix.com/testing/index.php?page=art". It's stored in "http://www.phirephoenix.com/testing/content/art.html".

I've replaced the original "art.html" page with the default file that comes with the Lightbox download, to make sure I didn't screw up any filenames while I was porting it over. As you can see, the effect works fine in the "art.html" page as a standalone, but not when it's viewed as part of hte "index.php" file.

So my only conclusion is that it must be something in the php that's causing it to go haywire, as I've included the headers (referring to the javascript) in both the "art" page and the "index" page as a precaution.

Here's the php I was using -

<?php if (isset($_GET['page'])) { include("content/$_GET[page].html"); } else include ("content/home.html"); ?>

It seems inconceivable that a simpe 'include' function could cause this problem, but I can't think of anything else.

I've tested the site with Greybox as well, with the same problem. Hope me!

It worked a minute ago!

lilkeith07 — Thu, 25 Jun 2009 21:58:45 -0800

I am having a problem with some JavaScript and Wordpress. It worked a minute ago but now it seems broken. I am updating this site and it has a coda slider on the main page, I updated the slider to make it bigger then it originally was, and it seemed to work fine. Then I updated the images with the correct dimensions and now the images don't change. The arrow moves but the main the main window doesn't update to reflect the change. Ive been working on this since about 5 PM yesterday and can't seem to get it working right. Here is where it works right in a smaller scale. I'm not a real big JavaScript guy just mainly cut and paste from what I find online. If anybody can find out why it broke and how to fix it I would appreciate it so much. Thanks!

Javascript ad on Typepad blog

londongeezer — Wed, 03 Jun 2009 15:22:56 -0800

Javascript (I think) for Typepad blog question. I need to find someone who can set me up a vertical rotating or sliding (not sure of correct term) ad "ladder" like this one on the right-hand side of the front page of Artforum. It needs to go into a column of its own on a typepad blog. I'd like recommendations about where to find the person to do this, and also an indication of what I might expect to pay. Thanks.

Don't push that button.

Sophie1 — Mon, 01 Jun 2009 08:47:01 -0800

I have been accessing twitter on my mobile (Palm Centro) for months and today, I accidentally hit a button that said "View in Standard". I can no longer access twitter. The message it is now giving me says "You cannot use the Twitter website without having JavaScript enabled on Your web browser. Please re-enable JavaScript and refresh this page."

Problem: I have absolutely no idea how to do this. Help please.

Suppress right-click menu on a web site

maxwelton — Sat, 30 May 2009 02:50:40 -0800

Is there a way to disable the right-click menu on a particular web page I visit that isn't managed by me? I play a solitaire game on a particular web site fairly often. It's not a Flash game, nor is it a Java applet, I suspect it's simply JavaScript.

The game allows you to use both left and right clicks, each performing different actions, but every time you right-click the normal browser right-click menu appears...very annoying in this context.

Is there a way for me to tell my browser I don't want the right-click menu to appear on this one particular page (or its domain, if that's easier)? I have greasemonkey installed, so a GM script would be ideal, but I haven't been able to locate one.

I'm on Windows, using FF. Thanks mucho for any ideas. (I could possibly write my own script if pointed in the right direction.)

How to all Javascript to run only within it's own domain?

Solomon — Sat, 16 May 2009 10:42:15 -0800

Is it possible to make NoScript disable certain site's scripts only on certain sites? For example, I'm on site-a.com, and there's javascript on there that is necessary for that site to function, so I allow it. However, site-b.com uses some scripts from site-a.com. I don't necessarily want site-a.com's scripts running on site-b.com, for whatever reason.

How can I set site-a.com's scripts to run only on site-a.com?

I did try asking this question at the NoScript forums, but the post was deleted.