Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

dilema oko javascripta, zarad accessibillity-ja

[es] :: Web dizajn i CSS :: dilema oko javascripta, zarad accessibillity-ja

[ Pregleda: 1880 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Im_a_Veggie
Dragan Babić
Novi Sad

Član broj: 39965
Poruke: 163
*.www.dial-up.TeamNET.ws.

Jabber: averagejoe@jabber.org
Sajt: www.dnevnikeklektika.com


Profil

icon dilema oko javascripta, zarad accessibillity-ja11.02.2005. u 16:58 - pre 234 meseci
interesuje me sledece . . .

na stranici treba da postavim linkove ka par fotografija (linkovi su textualni, ali nije bitno), e sada, ja sam hteo da to bude popup.
e sada, nailazim na problem. jedini javascript koji mi omogucuje otvaranje popupa [B]TACNO[/B] oko slike (bez beline oko nje, margine su na 0), cini link takvim da je on bez omogucenog javascripta apsolutno neupotrebljiv. znaci ne radi ni open in new window, prakticno bez omogucenog js-a ne moze se pristupiti tim slikama.
razmatrao sam opcije i dosao do sledecih varijanti :
1) iskoristiti ovaj javascript, jer sa stvarno zelim da se slike tako pojavljuju, ali napraviti i poseban set linkova koji su "obicni", za korisnike koji ne zele da omoguce izvrsenje javascripta u svojim browserima.
(naravno na stranici sam napomenuo da se za otvaranje linkova koristi js)
2) Napraviti napomenu da se za otvaranje slika koristi js, te da ga posetioci omoguce (enable-uju) - ovo mi se vec ne cini dobrim resenjem
3) kompromitovati se i napraviti "normalne" linkove gde kada posetilac klikne na link otvara se svaka slika u svom .html fajlu tipa "slika1.html"

saveti???

PS
ovo je js koji bih koristio, ima jedan html fajl - imageviewer,
imageviewer.html:
Code:

<html>
   <head>
      <title>Image view</title>
   </head>
   <body leftMargin="0" topMargin="0" marginheight="0" marginwidth="0" scroll="no">
      <script language="JavaScript" type="text/javascript">
         imageURL = document.location.toString();
         imageURL = imageURL.split("?");
         imageURL = imageURL[1];
         document.write('<img src="' + imageURL + '"/>');
      </script>
   </body>
</html>

a u stranicu ide u head:
Code:

<script language="JavaScript" type"text/javascript">
            function openPopup(url, wid, hei) {
                imageWindow = window.open(url,'imgWin','width=' + wid + ',height=' + hei); 
            }
        </script>

i u body, tj. na mesto linka:
Code:

<a href="JavaScript:openPopup('photo/imageviewer.html?su_mural/mural2.jpg', 500, 400);">Subotica mural 1</a>


i za kraj, evo linka do stranice (nezavrsene naravno) :
http://semperfi-1982.com/biography.html
 
Odgovor na temu

Zekica
Filip Milivojević
Pirot, Niš

Član broj: 2856
Poruke: 309
213.244.208.*

Jabber: zekica@elitesecurity.org
Sajt: www.pirotcity.com


+10 Profil

icon Re: dilema oko javascripta, zarad accessibillity-ja11.02.2005. u 17:12 - pre 234 meseci
Citat:
Im_a_Veggie:
imageviewer.html:
Code:

<html>
   <head>
      <title>Image view</title>
   </head>
   <body leftMargin="0" topMargin="0" marginheight="0" marginwidth="0" scroll="no">
      <script language="JavaScript" type="text/javascript">
         imageURL = document.location.toString();
         imageURL = imageURL.split("?");
         imageURL = imageURL[1];
         document.write('<img src="' + imageURL + '"/>');
      </script>
   </body>
</html>


Ovako, zašto nebi napravio neki .php skript (nadam se da ti server podržava php):

Ovo dole recimo imenujes kao imageviewer.php:
Code:

<html>
   <head>
      <title>Image view</title>
   </head>
   <body leftMargin="0" topMargin="0" marginheight="0" marginwidth="0" scroll="no">
<?php
echo "<img src=\"".$_SERVER["QUERY_STRING"];."\">\n";
?>      
   </body>
</html>


Citat:

i u body, tj. na mesto linka:
Code:

<a href="JavaScript:openPopup('photo/imageviewer.html?su_mural/mural2.jpg', 500, 400);">Subotica mural 1</a>



stavi ovako nesto:

Code:

<a onclick="openPopup('photo/imageviewer.php?su_mural/mural2.jpg', 500, 400); return false;"
href="photo/imageviewer.php?su_mural/mural2.jpg" target="imgWin">Subotica mural 1</a>


i to je kod koji ce ako je korisnik omogucio javascript otvoriti popup prozor u velicini 500x400 a ako nije, otvorice istu stranicu u novom prozoru, ali standardnih velicina.

Ovo takodje omogucava da korisnik recimo otvori prozor u novom tab-u, ako to zeli...

Druga mogucnost:

Ako ti server ne podrzava php skripting onda u kod ubaci ovako nesto:
Code:

<a onclick="openPopup('photo/imageviewer.html?su_mural/mural2.jpg', 500, 400); return false;"
href="su_mural/mural2.jpg" target="imgWin">Subotica mural 1</a>


znaci direktno link do slike, pri cemu ce se korisnicima bez JS-a prikazati slika ali sa marginama u novom prozoru.
Sad ja znam zašto sam vam ovo ispričao, ovo će sigurno nekome koristiti....
 
Odgovor na temu

Im_a_Veggie
Dragan Babić
Novi Sad

Član broj: 39965
Poruke: 163
*.www.dial-up.TeamNET.ws.

Jabber: averagejoe@jabber.org
Sajt: www.dnevnikeklektika.com


Profil

icon Re: dilema oko javascripta, zarad accessibillity-ja11.02.2005. u 17:50 - pre 234 meseci
radi k'o sat, ali si imao 1 gresku, jedna "." viska kod :

echo "<img src=\"".$_SERVER["QUERY_STRING"]; . "\">\n";
hvala ti mnogo.
 
Odgovor na temu

Zekica
Filip Milivojević
Pirot, Niš

Član broj: 2856
Poruke: 309
213.244.208.*

Jabber: zekica@elitesecurity.org
Sajt: www.pirotcity.com


+10 Profil

icon Re: dilema oko javascripta, zarad accessibillity-ja11.02.2005. u 18:58 - pre 234 meseci
Svakome se desi da pogresi.

nego da nije bez ; a ne bez .

ovako:
echo "<img src=\"".$_SERVER["QUERY_STRING"]."\">\n";


Sad ja znam zašto sam vam ovo ispričao, ovo će sigurno nekome koristiti....
 
Odgovor na temu

Im_a_Veggie
Dragan Babić
Novi Sad

Član broj: 39965
Poruke: 163
*.www.dial-up.TeamNET.ws.

Jabber: averagejoe@jabber.org
Sajt: www.dnevnikeklektika.com


Profil

icon Re: dilema oko javascripta, zarad accessibillity-ja11.02.2005. u 20:28 - pre 234 meseci
aj ga znaj! :D
to je to, ali i ovako radi, ali ne znam zasto?! o_O
hvala ti jos jednom, uzivaj
 
Odgovor na temu

[es] :: Web dizajn i CSS :: dilema oko javascripta, zarad accessibillity-ja

[ Pregleda: 1880 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.