Forum PHP.pl > [JavaScript] Odczytanie wielkości obrazka z input

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Odczytanie wielkości obrazka z input

JanuszTracz

26.02.2009, 12:08:15

Witam, siemano.

Chciałem zapytac jak zrobic takie cos ze wklejam link do inputa po czym po nacisnieciu buttona wyskakuje alert() z wymiarami tego obrazka.

pozdrawiam,

Janusz Tracz

sowiq

26.02.2009, 12:10:31

Inaczej, niż za pomocą AJAX'a (ew. po przeładowaniu strony) tego nie zrobisz. Za pomocą PHP da się sprawdzić rozmiary obrazka. Za pomocą JS ni huhu

Możesz jedynie wyświetlić rezultaty wygenerowane przez PHP.

JanuszTracz

26.02.2009, 12:20:00

@sowiq przeczytaj swoj podpis:P a wracajac, znalazlem takie cos:

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title>Untitled Document</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<meta http-equiv="Content-Style-Type" content="text/css"> 
<meta http-equiv="Content-Script-Type" content="text/javascript"> 
<script type="text/javascript"> 
function getImgSize(id){ 
var pic = document.getElementById(id); 
var h = pic.offsetHeight; 
var w = pic.offsetWidth; 
alert ('The image size is '+w+'*'+h); 
} 
</script> 
</head> 
<body> 
<img id='demoImg' src="http://www.goldenstudy.com/bbs/uploadimg//20060228144500426.jpg"> 
<input type="button" onclick="getImgSize('demoImg')" value="Get Image Size"> 
</body> 
</html>
[HTML] pobierz, plaintext

jak cos to tutaj mozna sprawdzic: http://janusztracz.yoyo.pl/1.php

sowiq

26.02.2009, 12:23:11

Jeśli po wpisaniu adresu będziesz ładował ten obrazek do okna przeglądarki, to jak najbardziej masz rację. Mój tok myślenia podążył w trochę inną stronę

JanuszTracz

26.02.2009, 12:29:35

problem teraz polega na tym jak odczytac wartosc pola input po nacisnieciu tego buttona...

[HTML] pobierz, plaintext 
document.getElementById('id').value
[HTML] pobierz, plaintext

tak probowalem i nie dziala wiec nie wiem;/

sowiq

26.02.2009, 12:32:53

[HTML] pobierz, plaintext 
<script type="text/javascript">
function odczytaj(){
  var link = document.getElementById('jakiesId').value;
  alert(link);
}
</script>
 
<form... onsubmit="odczytaj(); return false;">
<input type="text" id="jakiesId" name="cos">
<input type="button" value="zapodaj">
</form>
[HTML] pobierz, plaintext

JanuszTracz

26.02.2009, 12:40:43

tez tak probowalem, ale mi nie dziala na operze, ani na ff

http://janusztracz.yoyo.pl/2.php

sowiq

26.02.2009, 12:42:51

ID elementu nie może zaczynać się od cyfry. Tym bardziej nie może nią być.

Kod

JanuszTracz

26.02.2009, 12:48:22

zmienilem na id="a" i nadal to samo;/

mike

26.02.2009, 12:52:00

Cytat(JanuszTracz @ 26.02.2009, 12:40:43 )

tez tak probowalem, ale mi nie dziala na operze, ani na ff

I nie zadziała. W ten sposób działa tylko na IE.
Jeśli chcesz żeby działało również na innych musisz ten obrazek faktycznie wczytać. Spróbuj zassać go do jakiegoś ukrytego obrazka (<img/>), tylko po to by przeglądarka faktycznie go pobrała.

sowiq

26.02.2009, 12:52:41

Kod

Błąd: bmone2n is not defined
Plik źródłowy: http://www.janusztracz.yoyo.pl/2.php
Wiersz: 32

Wklejony pod spodem JS sieje Ci błędami. To jest przyczyna.

@mike,
wczytaj się dokładnie co nie działa

mike

26.02.2009, 13:07:24

Cytat(sowiq @ 26.02.2009, 12:52:41 )

@mike,
wczytaj się dokładnie co nie działa

To bez znaczenia co teraz nie działa. Na FF i Operze i tak nie zadziała bez mojej modyfikacji.

JanuszTracz

26.02.2009, 13:08:31

@sowiq, look: http://wysyp.cn/2.php

@mike, ok ale jak pobrac ten obrazek?

sowiq

26.02.2009, 13:12:37

Sorry, biję się w pierś. Zamiast type="button" powinno być type="submit".

A co do wstawienia obrazka, to chociażby:

[HTML] pobierz, plaintext 
// JS
function odczytaj(){
var link = document.getElementById('jakiesId').value;
var img = '<img src="' + link + '">';
document.getElementById('prev').innerHTML = img;
}
 
// HTML
<div id="prev"></div>
[HTML] pobierz, plaintext

JanuszTracz

26.02.2009, 13:42:12

zrobilem cos takiego: http://www.janusztracz.yoyo.pl/4.php

tyle, ze na IE i FF mi nie dziala;/

sowiq

26.02.2009, 15:48:56

Cytat(JanuszTracz @ 26.02.2009, 13:42:12 )

tyle, ze na IE i FF mi nie dziala;/

Moja konsola w FF mówi:

Kod

Błąd: bmone2n is not defined
Plik źródłowy: http://www.janusztracz.yoyo.pl/4.php
Wiersz: 40
----------
Błąd: bmone2n is not defined
Plik źródłowy: http://www.janusztracz.yoyo.pl/4.php
Wiersz: 43
----------
Błąd: bmone2n is not defined
Plik źródłowy: http://www.janusztracz.yoyo.pl/4.php
Wiersz: 46

Pisałem o tym wyżej. Zacznij od tego.

JanuszTracz

26.02.2009, 18:26:44

tak, tylko w swoim pliku nie mam 46 linijki, to sa reklamy yoyo. looknij tu: http://wysyp.cn/4.php - na Operze dziala na FF i IE nie;/

ok, poprawilem, 9linijka byla zle,

dzieki wielkie za pomoc:)

//edit

na IE jednak nadal nie dziala, ale juz trudno:)

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.