Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Does anyone have a browser that will view this html5 page properly?

Reply
Thread Tools

Does anyone have a browser that will view this html5 page properly?

 
 
cwdjrxyz
Guest
Posts: n/a
 
      09-30-2010
See http://www.cwdjr.net/html5/ParrotPuz...urePuzzle.html
and see if you can drag the images and that they will remain where
they were just before you release the mouse key. I have tried the
latest versions of Firefox, Opera, Chrome, Safari for Windows, and IE9-
beta, and all failed.

A new attribute introduced for <img> in html5 is draggable="true". It
may be that few if any browsers support this yet. Of course I may have
made an error. The page validates as html5 at w3c, and the css
validator finds no errors.

It seems this new image attribute might have some uses. Of course you
can now use javascript to drag, and some might remember my parrot
puzzle which used a script to make images draggable. If the draggable
attribute becomes widely supported in the future, it might be more
easy to use than script for applications such as games and puzzles.
 
Reply With Quote
 
 
 
 
dorayme
Guest
Posts: n/a
 
      09-30-2010
In article
<(E-Mail Removed)
>,

cwdjrxyz <(E-Mail Removed)> wrote:

> See http://www.cwdjr.net/html5/ParrotPuz...urePuzzle.html
> and see if you can drag the images and that they will remain where
> they were just before you release the mouse key.


Don't understand the bit about remaining where they were but I
can drag all your images easily on Mac OS 10.4 and Safari 3.1.2
onto the desktop.

On a Mac you just drop them on the desktop; where they end up on
the desk is determined by previously set user preferences (I have
mine in date order and so everything new rushes to the right top
corner just under icon for my HDs)

--
dorayme
 
Reply With Quote
 
 
 
 
cwdjrxyz
Guest
Posts: n/a
 
      09-30-2010
On Sep 30, 1:14*am, dorayme <(E-Mail Removed)> wrote:
> In article
> <(E-Mail Removed)
>
> >,

> *cwdjrxyz <(E-Mail Removed)> wrote:
> > Seehttp://www.cwdjr.net/html5/ParrotPuzzle/parrot_puzzle/picturePuzzle.html
> > and see if you can drag the images and that they will remain where
> > they were just before you release the mouse key.

>
> Don't understand the bit about remaining where they were but I
> can drag all your images easily on Mac OS 10.4 and Safari 3.1.2
> onto the desktop.
>
> On a Mac you just drop them on the desktop; where they end up on
> the desk is determined by previously set user preferences (I have
> mine in date order and so everything new rushes to the right top
> corner just under icon for my HDs)


Thanks. I want the images to drag around the web page screen only to
recover the whole picture. I can get the images to drag around while
pressing the mouse left key, but they revert back to where they were
as soon as I release the mouse key. I too can drag the images off of
the web page screen to the desktop or some other file in a window.
However the desktop and other files are formatted so you can not place
the images where you want them to recover the whole seamless picture
but only in neat rows and columns with a name under each image. I am
using 64-bit Windows Vista.
 
Reply With Quote
 
cwdjrxyz
Guest
Posts: n/a
 
      09-30-2010
On Sep 30, 1:45*am, cwdjrxyz <(E-Mail Removed)> wrote:
> On Sep 30, 1:14*am, dorayme <(E-Mail Removed)> wrote:
>
>
>
> > In article
> > <(E-Mail Removed)

>
> > >,

> > *cwdjrxyz <(E-Mail Removed)> wrote:
> > > Seehttp://www.cwdjr.net/html5/ParrotPuzzle/parrot_puzzle/picturePuzzle.html
> > > and see if you can drag the images and that they will remain where
> > > they were just before you release the mouse key.

>
> > Don't understand the bit about remaining where they were but I
> > can drag all your images easily on Mac OS 10.4 and Safari 3.1.2
> > onto the desktop.

>
> > On a Mac you just drop them on the desktop; where they end up on
> > the desk is determined by previously set user preferences (I have
> > mine in date order and so everything new rushes to the right top
> > corner just under icon for my HDs)

>
> *Thanks. I want the images to drag around the web page screen only to
> recover the whole picture. I can get the images to drag around while
> pressing the mouse left key, but they revert back to where they were
> as soon as I release the mouse key. I too can drag the images off of
> the web page screen to the desktop or some other file in a window.
> However the desktop and other files are formatted so you can not place
> the images where you want them to recover the whole seamless picture
> but only in neat rows and columns with a name under each image. I am
> using 64-bit Windows Vista.


The same page that uses Javascript to drag the images on the page
screen is at http://www.cwdjr.net/test/picturePuzzle.html . The image
sticks in place when you release the mouse button.
 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      09-30-2010
In article
<(E-Mail Removed)
m>,
cwdjrxyz <(E-Mail Removed)> wrote:

> The same page that uses Javascript to drag the images on the page
> screen is at http://www.cwdjr.net/test/picturePuzzle.html . The image
> sticks in place when you release the mouse button.


Yes, that one is fun to drag about, I instinctively wanted to use
my arrow buttons to jiggle into place for fine tuning after
dragging, perhaps you can build such thing in? Also wanted to be
able to move groups of photos about as one, but could not.

--
dorayme
 
Reply With Quote
 
Neredbojias
Guest
Posts: n/a
 
      09-30-2010
On 29 Sep 2010, cwdjrxyz <(E-Mail Removed)> wrote:

> See
> http://www.cwdjr.net/html5/ParrotPuz...cturePuzzle.ht
> ml and see if you can drag the images and that they will remain where
> they were just before you release the mouse key. I have tried the
> latest versions of Firefox, Opera, Chrome, Safari for Windows, and
> IE9- beta, and all failed.
>
> A new attribute introduced for <img> in html5 is draggable="true". It
> may be that few if any browsers support this yet. Of course I may
> have made an error. The page validates as html5 at w3c, and the css
> validator finds no errors.
>
> It seems this new image attribute might have some uses. Of course you
> can now use javascript to drag, and some might remember my parrot
> puzzle which used a script to make images draggable. If the draggable
> attribute becomes widely supported in the future, it might be more
> easy to use than script for applications such as games and puzzles.


Er, it's a bit more complicated than that. Furthermore, <img>s are
draggable by default.

Here's a link that shows some working draggabilities and might help
explain it. You need javascript in any case.

http://ljouanneau.com/lab/html5/demodragdrop.html


--
Neredbojias

http://www.neredbojias.org/
http://www.neredbojias.net/
 
Reply With Quote
 
123Jim
Guest
Posts: n/a
 
      09-30-2010

"cwdjrxyz" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> See
> http://www.cwdjr.net/html5/ParrotPuz...urePuzzle.html


No drag here in Firefox, chrome or IE8 .. on XP ..
Just behave like static images.


 
Reply With Quote
 
cwdjrxyz
Guest
Posts: n/a
 
      09-30-2010
On Sep 30, 6:03*am, Neredbojias <(E-Mail Removed)> wrote:
> On 29 Sep 2010, cwdjrxyz <(E-Mail Removed)> wrote:
>
>
>
> > See
> >http://www.cwdjr.net/html5/ParrotPuz...cturePuzzle.ht
> > ml and see if you can drag the images and that they will remain where
> > they were just before you release the mouse key. I have tried the
> > latest versions of Firefox, Opera, Chrome, Safari for Windows, and
> > IE9- beta, and all failed.

>
> > A new attribute introduced for <img> in html5 is draggable="true". It
> > may be that few if any browsers support this yet. Of course I may
> > have made an error. The page validates as html5 at w3c, and the css
> > validator finds no errors.

>
> > It seems this new image attribute might have some uses. Of course you
> > can now use javascript to drag, and some might remember my parrot
> > puzzle which used a script to make images draggable. If the draggable
> > attribute becomes widely supported in the future, it might be more
> > easy to use than script for applications such as games and puzzles.

>
> Er, it's a bit more complicated than that. *Furthermore, <img>s are
> draggable by default.
>
> Here's a link that shows some working draggabilities and might help
> explain it. *You need javascript in any case.
>
> http://ljouanneau.com/lab/html5/demodragdrop.html

It turns out that the new html5 attribute draggable for <img> is less
useful than I had hoped. It defaults to auto if you do not specify
draggable, which is "true" on at least all of my browsers. Thus
setting to draggable ="true" really does nothing. If you set
draggable="false", what you get if the browser understands the html5
attribute is that the image will not respond at all if you try to
drag it anywhere. I find that of all of the most recent versions of
browsers I mentioned, except Opera, are responding to the html5
attribute draggable="false" by not allowing the image to be moved
anywhere. Opera does not respond to draggable and thus only allows you
to drag and drop to another file as is the case for earlier versions
of html.. Unfortunately you will thus still have to use a script to
drag an image around on the web page window and drop it when you
release the mouse button. See http://www.cwdjr.net/html5/ParrotPuz...rePuzzle2.html
for the test page set for draggable="false".

 
Reply With Quote
 
cwdjrxyz
Guest
Posts: n/a
 
      09-30-2010
On Sep 30, 10:53*am, Ed Mullen <(E-Mail Removed)> wrote:
> Neredbojias wrote:
> > On 29 Sep 2010, cwdjrxyz<(E-Mail Removed)> *wrote:

>
> >> See
> >>http://www.cwdjr.net/html5/ParrotPuz...cturePuzzle.ht
> >> ml and see if you can drag the images and that they will remain where
> >> they were just before you release the mouse key. I have tried the
> >> latest versions of Firefox, Opera, Chrome, Safari for Windows, and
> >> IE9- beta, and all failed.

>
> >> A new attribute introduced for<img> *in html5 is draggable="true". It
> >> may be that few if any browsers support this yet. Of course I may
> >> have made an error. The page validates as html5 at w3c, and the css
> >> validator finds no errors.

>
> >> It seems this new image attribute might have some uses. Of course you
> >> can now use javascript to drag, and some might remember my parrot
> >> puzzle which used a script to make images draggable. If the draggable
> >> attribute becomes widely supported in the future, it might be more
> >> easy to use than script for applications such as games and puzzles.

>
> > Er, it's a bit more complicated than that. *Furthermore,<img>s are
> > draggable by default.

>
> > Here's a link that shows some working draggabilities and might help
> > explain it. *You need javascript in any case.

>
> >http://ljouanneau.com/lab/html5/demodragdrop.html

>
> Yours works as intended on Mozilla-based browsers. *On the OP's page I
> can drag but the images snap back to their original position when I
> release the mouse button.


Yes, and also so are all of the other browsers I mentioned, except
Opera which Idiscussed in an answer to an earlier post.
 
Reply With Quote
 
cwdjrxyz
Guest
Posts: n/a
 
      09-30-2010
On Sep 30, 10:25*am, Ed Jay <(E-Mail Removed)> wrote:

> Opera (up to 10.7/9053) doesn't yet support 'draggable.'


My new test page with draggable set to "false" confirms this. All
browsers mentioned responded to "false" by not allowing an image to be
moved at all. Opera did not respond and acted just as drag and drop
does on earlier versions of html . See
http://www.cwdjr.net/html5/ParrotPuz...rePuzzle2.html
to check yourself when draggable is set to "false".

> >A new attribute introduced for <img> in html5 is draggable="true". It
> >may be that few if any browsers support this yet. Of course I may have
> >made an error. The page validates as html5 at w3c, and the css
> >validator finds no errors.

>
> >It seems this new image attribute might have some uses. Of course you
> >can now use javascript to drag, and some might remember my parrot
> >puzzle which used a script to make images draggable. If the draggable
> >attribute becomes widely supported in the future, it might be more
> >easy to use than script for applications such as games and puzzles.

>
> <http://www.w3.org/TR/html5/dnd.html#the-draggable-attribute>


This reference was helpful.
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
problem in running a basic code in python 3.3.0 that includes HTML file Satabdi Mukherjee Python 1 04-04-2013 07:48 PM
Re: HTML5 browser support Jukka K. Korpela HTML 14 03-23-2012 05:24 AM
Re: HTML5 browser support idle HTML 4 03-20-2012 10:57 PM
Re: HTML5 browser support cwdjrxyz HTML 0 03-20-2012 08:51 PM
Google entry page in HTML5 (sort of) cwdjrxyz HTML 2 07-04-2010 09:13 PM



Advertisments