Cool Wall

[TheBigYinJames]

Inspired by an idea I picked up here, and bored off my nips by the tail end of this contract, I hashed up a little app to let peopel create their own Cool Walls

http://www.bampotty.com/coolwall/index.pl

I'm sure the people here will be able to break it in no time. Call it a beta test.

[Bear]

Inspired by an idea I picked up here, and bored off my nips by the tail end of this contract, I hashed up a little app to let peopel create their own Cool Walls

http://www.bampotty.com/coolwall/index.pl

I'm sure the people here will be able to break it in no time. Call it a beta test.

Yep - the renderings rubbish on my phone. All i can see is a load of pics partially covering each other, i can't see the bacxkground or text at the top at all.

HTH

[Bear]

Nice idea though btw

[TheBigYinJames]

Yep - the renderings rubbish on my phone. All i can see is a load of pics partially covering each other, i can't see the bacxkground or text at the top at all.
HTH

Yeh I probably should point out it won't work on screens the size of postage stamps.

[Bear]

Yeh I probably should point out it won't work on screens the size of postage stamps.

Thanks for letting me know

[voodooflux]

Looks good, although Seven of Nine and Number 6 are hotter than indicated

[NickFitz]

Remember, JavaScript functions are objects. So if you change

function sendData(theData)
{
    ajaxFunction('callbacks.pl',theData,'receiveData');
}

to

function sendData(theData)
{
    ajaxFunction('callbacks.pl',theData,receiveData); // removed quotes on last argument
}

then

 xmlHttp.onreadystatechange=function()
  {
    if(xmlHttp.readyState==4)
    {
      eval(AJAXreceivingFunction + "('" + xmlHttp.responseText.replace(/'/gi,"\'") + "')");
    }
  }

can be replaced with

 xmlHttp.onreadystatechange=function()
  {
    if(xmlHttp.readyState==4)
    {
      AJAXreceivingFunction(xmlHttp.responseText.replace(/'/gi,"\'")); // no eval
    }
  }

removing the need for an "eval", which is a Good Thing - "eval" actually has to kick off a whole new script engine instance, initialise it, and pass it the string to be parsed and executed, whereas a function reference can merely be executed using ( [which is actually defined in the language spec as the function invocation operator IIRC].

Check out Eric Lippert's post Eval is Evil, Part One for more details - he worked on the Microsoft scripting engines when they were first developed about ten years ago, and the execution model remains the same.

[TheBigYinJames]

Looks good, although Seven of Nine and Number 6 are hotter than indicated

If I don't get bored with it, I was going to add a "make me a version of this" so you could drag and drop them where you want, and then be able to flick back and forward between theirs and yours.

At the moment, you can only drag photos around on walls you create yourself (after registering + logging in)

[TheBigYinJames]

Remember, JavaScript functions are objects....[snip].

Ta, I'll look into it. I just cobbled together bits of AJAX script that I knew were working, it's very much a hash job.

[NickFitz]

You might want to look into limiting the size of pictures - a bit of CSS specifying max-width and max-height would probably be good enough for modern browsers (though not IE6) although it could mess up aspect ratios in certain circumstances - maybe inspecting the image dimensions and adding inline width and height attributes to the image element would be better (though don't tell the WaSP I said that).

In the long run it might be best to have the server retrieve pics, thumbnail them to a suitable size, and serve them yourself rather than deep-linking - although this could end up using a fair bit of space. Then there's copyright issues...