How can I disable selection property on Qwebview

[mprakash]

I have QWebview which has text image icon and some other things on my touch screen.
When I press finger and drag every thing gets selected which is not Desired.

So I started trying some workaround and I just accepted QMouseEvent in mouseMoveEvent() function which prevents selection but again other functionality which needs this also gets prevented.

Is there any way I can simply stop this Selection property on Text and other image icons on WVebView.
I saw this "http://doc.qt.nokia.com/qt-maemo-4.6/maemo5-webview.html":http://doc.qt.nokia.com/qt-maemo-4.6/maemo5-webview.html but this is not the ideal case for me as I have Map on screen and user wont be able to pan that.

Any help will be appreciated.
Prakash

[edit: fixed link / chetankjain]

[danilocesar]

I had the same problem some days ago. I couldn't find a nice way to fix it on the QWebPage side, so I fixed it on the html side.

Try to set the CSS property:
@-webkit-user-select:none;@

[benjamin.poulain]

We don't yet have a convenient API for interaction with touch screen. You will have to do some of the work yourself to avoid selection while having a nice touch interface.

I suggest you to look at "http://gitorious.org/yberbrowser":http://gitorious.org/yberbrowser and
"http://gitorious.org/light":http://gitorious.org/light which are handling touch input quite nicely.

[mprakash]

Hi All, This does not seems to fix the problem, as I want to disable the selection only on QWebView text and graphics, I have other control like map where I need to have mouse clicked and drag enable so looks like I need to make some changes in the qwebkit, can any one please give me some hint what should I looking for?

[benjamin.poulain]

[quote author="mprakash" date="1287458087"]Hi All, This does not seems to fix the problem, as I want to disable the selection only on QWebView text and graphics, I have other control like map where I need to have mouse clicked and drag enable so looks like I need to make some changes in the qwebkit, can any one please give me some hint what should I looking for?[/quote]

In that case, you will have to wait a little I am afraid. There is a bug report open to add such a feature, but no patch has been posted yet: "https://bugs.webkit.org/show_bug.cgi?id=38520":https://bugs.webkit.org/show_bug.cgi?id=38520

Feel free to post a patch if you want to help.

[mprakash]

I want to do it, I need some help if some body can guide me or give me some hint, I how I can do this in webkit or Qt code.

[benjamin.poulain]

You could look at how -webkit-user-select is implemented. Disabling selection is probably using the same path.

[benjamin.poulain]

There is a thread on this subject on the mailing list: "https://lists.webkit.org/pipermail/webkit-qt/2010-October/000896.html":https://lists.webkit.org/pipermail/webkit-qt/2010-October/000896.html

[Immii]

I bug is already filed here at bugzilla, for this
https://bugs.webkit.org/show_bug.cgi?id=38520

[Immii]

Wow here is way you can do it
@
QApplication a(argc, argv);
QWebView *view = new QWebView;
view->load(QUrl("http://google.com"));
view->page()->settings()->setUserStyleSheetUrl(QUrl::fromLocalFile("mycss.css"));
view->show();
return a.exec();@

your css file should be like this:

body {
-webkit-user-select: none;
}

[Immii]

You know what, I just tried putting the css thing in resource file and now I can see it is part of my binary so no need of css file. function setUserStyleSheetUrl() is dong the job of disabling selection.

[mprakash]

This works great, after long time I got something. Thanx immii

[kmsharad83]

your submitted code is very helpful for disable the selection on text and image.
but your code is not helpful in case while user drag the image with press button.

[gbmm]

bool QWebView::findText ( const QString & subString, QWebPage::FindFlags options = 0 )
To clear the selection, just pass an empty string.

[maximo]

@kmsharad83 This is what I do in jQuery. You can adapt it to your needs:

$(document).ready(function(){
  // Prevent anchor links and buttons and .nodrag items from being dragged
  $('A,BUTTON,.nodrag,IMG')
    .css('-moz-user-select','none')
    .css('-webkit-user-select','none')
    .bind('selectstart', function(e) {
      e.preventDefault();
      return false;
    })
    .bind('draggesture', function(e) {
      e.preventDefault();
      return false;
    })
    .bind('draggable', function(e) {
      e.preventDefault();
      return false;
    })
    .bind('dragstart', function(e) {
      e.preventDefault();
      return false;
    });
});