Zavrieť

Porady

script na otvorenie noveho okna v prehliadaci

Zdravim,
ak by som mohol poproist o pomoc, snazim sa dat do svojej stranky odkaz na druhu stranku.
ide o to z emam tam vlozeny banner, a chcem aby sa po kliknuti nan otvorilo nove okno (samostatne, nie vo vedlajsom tabe), s urcitymi parametrami (vyska, sirka, a pod). viem ze je funkcia href, window.open,ale neviem to dat nejako dokopy, stale sa mi to otvara vo vedlajsom tabe, co mi nevyhovuje. Snazil som sa preluskat cez google, aj som raz nasiel jeden navod, ktory by mi asi vyhovoval,ale som stratil link, a uz ho neviem najst . Co som sa pytal, tak vraj by mi najviac vyhovovalo riesenie, ze si
najprv zadefinujem funkciu, ktora mi otvori okno (alebo vytvori? uz neviem presne) - bude mat zadefinovane parametre velkost, sirka..., odkaz na stranku co sa ma zobrazovat, a v druhom kroku pouzijem na banner funkciu window.open, ktora mi otvori to vytvorene okno.
Ani neviem ci som to dobre pochopil, a ci dobre napisal, snad z toho pochopite co potrebujem
Vopred mockrat za kazdu radu.
P.S: A posledne co si este spominam, ze mi spominali, nech nepouzivam pri tom tag A, resp mozno A href...
Vdaka
Pravidlá a tipy
  • Každý móže napísať len 1 odpoveď. Neskor mozete svoju odpoveď vylepšiť.
  • Odpoveď má priniesť riešenie na otázku, vyvarujte sa hodnotenia otázky.
  • Odpoveď má byť viac o faktoch ako o názoroch.
Dalšie pravidla a tipy
    Ak potrebujete v otázke niečo upresniť, najskôr sa spýtajte na podrobnosti.
    Koncept slúži na uloženie rozpracovanej odpovede, koncept sa zobrazuje len Vám, až kým ho nezverejníte.
    Ak máte podobnú otázku, založte Novú otázku alebo Súvisiacu otázku.
    ❤ Buďte priateľskí ❤
    Sme súčasťou jednej komunity, ktorá si chce vzájomne pomáhať, rozdieľnosť je vítaná ak neubližuje!
    Usporiadať podľa času

    Zoltan Miklos je offline (nepripojený) Zoltan Miklos

    Bývalý IT guru (teraz už len guru)... ...viac Zoltan Miklos
    v podstate mozes volat metodu windows.open() z hocijakeho tagu v ramci jeho Onclick eventu.
    ako priklad uvadzam <a> tag s osetrenym Onclick eventom:


    <a href="" Onclick="window.open('http://www.google.com', 'reklama test','width=1024,height=900, resizable=yes, scrollbars=yes,toolbar=yes,location=yes'); return false;" >Visit Google.com!</a>

    ked kliknes na <a tag, tak sa spusta OnClick udalost a v ramci nej sa vola funkcia window.open. v novom okne sa ti otvara google.

    Vsimni si, ze href som nechal prazdny, pretoze URL je zadefinovane vo funkcii. Do Onclick eventu som dal este aj jeden return false, aby sa chudak nesnazil prazdny href otvarat v tom istom okne. proste to tam treba. (ak chces skusat, tak skus do hrefu dosadit nejake URL a odstranit return false)


    window.open v ramci Onclick udalosti sa da pouzit aj na tlacitka asi takto:

    <input type="button" id="test" name="test" value="Klikni na mna!" Onclick="window.open('http://www.google.com', 'name','width=1024,height=900, resizable=yes, scrollbars=yes,toolbar=yes,location=yes');" />



    tak isto mozes aplikovat onclick a windows.open na obrazku:

    <img src="http://www.porada.sk/images/porada_style/porada_logo.png" Onclick="window.open('http://www.google.com', 'name','width=1024,height=900, resizable=yes, scrollbars=yes,toolbar=yes,location=yes');" alt="popis" />


    co sa tyka syntaxu, vsimni si prosim, kde su uvodzovky, kde apostrofy a kde ciarky a medzery:
    - hodnoty html tag parametrov su v uvodzovkach
    - hodnoty volanych metod su v apostrofoch
    - parametre html tagov su oddelene medzerami
    - parametre funkcii su oddelene ciarkami.

    skus teda nieco vyparatit, ak sa nedari, zaves sem tvoj kod a pozrieme sa na to spolu.

    este odporucam http://www.w3schools.com ako referencnu prirucku.



    window.open ma nasledovne parametre:

    window.open('url to open','window name','attribute1,attribute2')

    This is the function that allows you to open a new browser window for the viewer to use. Note that all the names and attributes are separated with a comma rather than spaces. Here is what all the stuff inside is:


    1.'url to open'
    This is the web address of the page you wish to appear in the new window.
    2. 'window name'
    You can name your window whatever you like, in case you need to make a reference to the window later.
    3. 'attribute1,attribute2'
    As with alot of other things, you have a choice of attributes you can adjust.


    Window Attributes
    Below is a list of the attributes you can use:

    1. width=300
    Use this to define the width of the new window.

    2. height=200
    Use this to define the height of the new window.

    3. resizable=yes or no
    Use this to control whether or not you want the user to be able to resize the window.

    4. scrollbars=yes or no
    This lets you decide whether or not to have scrollbars on the window.
    5. toolbar=yes or no
    Whether or not the new window should have the browser navigation bar at the top (The back, foward, stop buttons..etc.).
    6. location=yes or no
    Whether or not you wish to show the location box with the current url (The place to type http://address).
    7. directories=yes or no
    Whether or not the window should show the extra buttons. (what's cool, personal buttons, etc...).
    8. status=yes or no
    Whether or not to show the window status bar at the bottom of the window.
    9. menubar=yes or no
    Whether or not to show the menus at the top of the window (File, Edit, etc...).

    10. copyhistory=yes or no
    Whether or not to copy the old browser window's history list to the new window.

    Pidgey je offline (nepripojený) Pidgey

    Štastný človek :) Pidgey
    Zoltan Miklos Pozri príspevok
    .....tak isto mozes aplikovat onclick a windows.open na obrazku:

    <img src="http://www.porada.sk/images/porada_style/porada_logo.png" Onclick="window.open('http://www.google.com', 'name','width=1024,height=900, resizable=yes, scrollbars=yes,toolbar=yes,location=yes');" alt="popis" />
    Super, mockrat dakujem, presne taketo nieco som potreboval.
    Moj kod vyzeral pred tym asi takto:
    <a href="../pages/tree/anketa.htm" target="_blank" onClick="window.open('anketa.htm','toolbar=no,loca tion=no,directories=no,status=no,menubar=no,scroll bars=no,resizable=no,width=600,height=800,left=20, top=20'); return false;">
    <img src="../pages/tree/anketa.jpg"></a>

    a robilo mi to to, ze mi to iba otvorilo vo vedlajsom tabe. Nakolko to bol iba doplnujuci text k ankete (popis co a kam maju napisat), nevyzeralo dobre, ked bol zvysok stranky prazdny.
    Idem este skusit pohladat, aby sami mys , ked nabehnem nad img zobrazila ako ruka. takto to mam ako sipku a ludia nevedia ze je to zaroven odkaz.
    mal by to byt nejaky tag, kde sa napise typ "pointer",ale este neviem ako znie a kam ho mam napisat...

    Este raz velka vdaka.


    Pidgey je offline (nepripojený) Pidgey

    Štastný človek :) Pidgey
    ja som z toho uz pako.....ak by som este mohol poproist, nasiel som toto style="cursor.pointer" ale ani netusim ci je to cely kod, a ani kam ho mam zapisat, aby sa mi nad tym obrazkom mys zmenila na "ruku"
    Ospravedlnujem sa, viem ze sa to da niekde najst na nete,ale posledne tri dni asi neviem najst spravne slova, aby mi google vyhladal co presne potrebujem...iba keca okolo ale nic k veci ...

    Zoltan Miklos je offline (nepripojený) Zoltan Miklos

    Bývalý IT guru (teraz už len guru)... ...viac Zoltan Miklos
    priklad:
    <img src="picture.gif" alt="picture" width="32" height="32" style="cursor:Pointer" />

    cursor:Pointer = ruka s ukazovakom
    cursor:help = sipka s otaznikom, kedze si spominal, ze sa zobrazuje pomocny text


    tu ich mas vsetky: http://www.quackit.com/html/codes/html_cursor_code.cfm

    TomasHC je offline (nepripojený) TomasHC

    TomasHC
    Bez ohľadu na dobrý úmysel, pop-up okná sa už príliš nenosia, skôr sa riešia pseudo-pop-up okná riešené cez DOM (CSS z-index).

    Zoltan Miklos je offline (nepripojený) Zoltan Miklos

    Bývalý IT guru (teraz už len guru)... ...viac Zoltan Miklos
    ... to su tie otravne reklamy na poprednom slovenskom vyhladavaci? chces napisat vyraz do vyhladavaca a cely browser sa ti prekryje reklamou... :-D
    mas pravdu, je to novsia technologia, navyse pop-up-y mozu niektore browsery blokovat. da sa ten pseudo popup vyhodit na samostatnom browseri? vies hodit kus kodu?

    Pidgey je offline (nepripojený) Pidgey

    Štastný človek :) Pidgey
    toto ale nemam pop up okno. otvori sa iba druha stranka, kde je napisany sirsi popis ankete (presnejsie, mam eshop, a v potvrdeni objednavky mam baner, ze ked mi napisu feedback, dostanu darcek,ale vsetok ten popis sa na banner nehodi) cize ked si kliknu na ten banner, dozvedia sa co po nich chceme a co mozu za to dostat....

    A dakujem za ten pointer. mal som to teda zle umiestnene. uz to funguje

    TomasHC je offline (nepripojený) TomasHC

    TomasHC
    Zoltan Miklos Pozri príspevok
    ... to su tie otravne reklamy na poprednom slovenskom vyhladavaci? chces napisat vyraz do vyhladavaca a cely browser sa ti prekryje reklamou... :-D
    mas pravdu, je to novsia technologia, navyse pop-up-y mozu niektore browsery blokovat. da sa ten pseudo popup vyhodit na samostatnom browseri? vies hodit kus kodu?
    http://www.queness.com/post/77/simpl...indow-tutorial

    alebo si pozri ako funguje napr.:
    http://jqueryui.com/demos/datepicker/
    http://www.walterzorn.de/en/tooltip/tooltip_e.htm

    script na otvorenie noveho okna v prehliadaci

    Porady, ktoré by vás mohli zaujímať

    Prihláste sa a sledujte len tie Porady, ktoré Vás zaujímajú.