Menü új ablakban

makgab képe

Üdv!

Mivel lehet a legegyszerűbben megoldani, hogy a menük (főmenü) új ablakban nyíljanak meg? CSS?
Tehát a főmenüben rákattint a user egy menüpontra és az új ablakban (lapon) nyíljon meg.

Drupal verzió: 
makgab képe

Lehet hogy ezt keresem: menu_target

:)

0
0
nemethf képe

Ha a menü linkek további attribútumait is szeretnéd módosítani itt egy általánosabb modul:
Menu attributes

2
0
makgab képe

Köszönöm.
Az lenne még jó, hogy csak egy kis (adott méretű) ablakban jelenne meg. De ehhez inkább JavaScript kellene (onclick event).

0
0
csakiistvan képe

az addig jo amig van javascript, ha nincs akkor maris nem mukodik.

2
0

Drupal full-stack developer at Wunderman Thompson Budapest

makgab képe

Igen, de JS minden böngészőben van (szinte).

Pedig más megoldás nem jut eszembe. A smink-be kell egy js:

# mytheme.info
scripts[] = mytheme.js

A JS meg az onclick-ben kezeli az eseményt.
Ha nincs más lehetőség.

0
0
csakiistvan képe

Igen, de JS minden böngészőben van (szinte).

Nos ezzel nem a bongeszore celoztam, hanem olyan ceges policy -re amiben pl egy nagy vallalatnal veges szinten le vannak tiltva. Mert van ilyen!!!
Persze attol fugg ki a celcsoportod, ha nem ők, akkor nincs gond.

0
0

Drupal full-stack developer at Wunderman Thompson Budapest

nevergone képe

nemethf képe

, ha a href attributumhoz nem matatnak. Hisz js nélkül a href és target határozza meg a működést. Illetve a keresők is a href-ben megadott url-t követik. Tehát:

  • Hozzáadsz még egy tetszőleges class-t a kívánt menüelemekre
  • Megadsz egy target attribútomot arra az esetre, ha tiltva lenne a javascript
  • A szkriptedben szűrsz a megadott class-ra és lekezeled az onClick eseményt.

pl:

  1. <nav id="xy-menu">
  2. <ul class="menu">
  3. <li><a href="/">Home</a></li>
  4. <li><a href="http://www.jsfiddle.net"
  5. class="new-window"
  6. target="mywindow">JSfiddle</a>
  7. </li>
  8. </ul>
  9. </nav>

  1. $('#xy-menu a.new-window').click( function (event) {
  2. var url = $(event.target).attr('href'),
  3. target = $(event.target).attr('target') || 'mywindow',
  4. attrs = 'resizable=no, width=640, height=480';
  5. event.preventDefault();
  6. window.open(url, target, attrs);
  7. });

A feladattól függően azért megfontolnék egy Colorbox-os megoldást.

0
0