Chrome rechtermuis klik uitbreiden

[c-nan]

Mijn vraag
Ik wil binnen Chrome browser de rechtermuis klik uitbreiden met een (sub)menu. De submenu zal meerdere entries bevatten, Zodra ik op een entry klik moet er een input field verschijnen, hier vul ik een waarde in, bijvoorbeeld "jaap", vervolgens klik ik op OK en moet de browser naar een vooraf bepaald URL gaan (bijvoorbeeld http://www.domein.nl/?f=jaap).

Ik vraag van jullie het niet om het te bouwen voor mij, maar meer dat jullie mij in de juiste richting sturen. Op welke termen moet ik Googlen om te vinden wat ik het beste kan gebruiken. Of er tools voor zijn. Libraries of iets anders?

[Woy]

Heb je hier al gekeken? https://developer.chrome.com/extensions/contextMenus

[c-nan]

Woy schreef op vrijdag 05 februari 2016 @ 11:43:
Heb je hier al gekeken? https://developer.chrome.com/extensions/contextMenus

Thanks!

Ik heb het nu zo ver dat ik een menu heb gekregen bij rightmouse click. Ook browse ik naar een URL zodra ik op een entry klik.

Ik kan alleen niet vinden wat de functie is om een input field te krijgen

[Pizzalucht]

Polat06 schreef op vrijdag 05 februari 2016 @ 21:19:
[...]


Thanks!

Ik heb het nu zo ver dat ik een menu heb gekregen bij rightmouse click. Ook browse ik naar een URL zodra ik op een entry klik.

Ik kan alleen niet vinden wat de functie is om een input field te krijgen

Misschien kun je daar een Javascript prompt voor gebruiken?

[DJMaze]

Is dit geen betere optie?
https://davidwalsh.name/html5-context-menu

[nescafe]

Is het context menu een eis? Want wat jij wil kan gemakkelijk met zoekwoord worden opgelost.

Menupad: [ Instellingen, Zoeken, Zoekmachines beheren, Andere zoekmachines ]

Zoekmachine	Zoekwoord	URL
Domein.nl	domein	http://www.domein.nl/?f=%s

Hierna kun je in de zoekbalk invoeren: domein + spatie + woord en je gaat naar de betreffende site toe.

[Douweegbertje]

Polat06 schreef op vrijdag 05 februari 2016 @ 21:19:
[...]


Thanks!

Ik heb het nu zo ver dat ik een menu heb gekregen bij rightmouse click. Ook browse ik naar een URL zodra ik op een entry klik.

Ik kan alleen niet vinden wat de functie is om een input field te krijgen

Je kan toch gewoon pure html serveren? Ik zou gewoon het volgende doen:
- menu
- entry klik
- je html pagina (wellicht kan dit in een soort html 'popup'..)
- hier staat je input veld
- submit-> redirect naar die url + content van je input.

[b2vjfvj75gjx7]

http://jsfiddle.net/nhvv6/

Zo zou ik het doen...

Gewoon de rechtermuisknop afvangen (e.preventDefault()), zodat je voorkomt dat het standaard-menu zichtbaar wordt.

En vervolgens een <div> tonen op de plek van je cursor (x / y axis kan je ook achterhalen, zodat je een transformation-point hebt, die exact gelijk is aan de pixel waar op je klikte).

In die <div> zet je vervolgens alles wat je wilt... 100% compatible met alle browsers, en "zelfs" de grote jongens als Outlook en Dropbox werken zo...

Eventueel breidt je het via hammer.js nog uit naar touch (door er een longpress-event van te maken).

[Woy]

b2vjfvj75gjx7 schreef op zondag 07 februari 2016 @ 23:20:
http://jsfiddle.net/nhvv6/

Zo zou ik het doen...

Gewoon de rechtermuisknop afvangen (e.preventDefault()), zodat je voorkomt dat het standaard-menu zichtbaar wordt.

En vervolgens een <div> tonen op de plek van je cursor (x / y axis kan je ook achterhalen, zodat je een transformation-point hebt, die exact gelijk is aan de pixel waar op je klikte).

In die <div> zet je vervolgens alles wat je wilt... 100% compatible met alle browsers, en "zelfs" de grote jongens als Outlook en Dropbox werken zo...

Eventueel breidt je het via hammer.js nog uit naar touch (door er een longpress-event van te maken).

Dat werkt natuurlijk alleen als je daadwerkelijk op je eigen site bent. Ik heb het idee dat de TS daadwerkelijk de browser wil extenden. Al zal je daar ook rekening moeten houden met het feit dat het context menu niet altijd op alle sites werkt.

Je kunt het wel oplossen door een item in de toolbar te plaatsten. Daar kun je ook zelf menu's achter hangen. Zie daarvoor: https://developer.chrome.com/extensions/browserAction

[ Voor 14% gewijzigd door Woy op 08-02-2016 08:38 ]

[b2vjfvj75gjx7]

Woy schreef op maandag 08 februari 2016 @ 08:33:
[...]

Dat werkt natuurlijk alleen als je daadwerkelijk op je eigen site bent. Ik heb het idee dat de TS daadwerkelijk de browser wil extenden.

Excuses, verkeerd begrepen...

Sowieso raad ik af de rechtermuisknop af te vangen en daar iets mee te doen dat anders is dan het verwachtingspatroon van de gebruiker... maar dat is een hele andere discussie

----------

Overigens, ooit heb ik extensies voor Opera gemaakt - daar kon je wel eigen, lokale, html-assets inladen en draaien.

Geen idee hoe Chrome werkt, maar als de architectuur hetzelfde is, zou het toch een optie kunnen zijn.

En je kan natuurlijk altijd remote JS-injecten; zelf doe ik dat met de Tweakers-app die de site volledig aanpast.

[ Voor 27% gewijzigd door b2vjfvj75gjx7 op 08-02-2016 10:57 ]