Forum PHP.pl > Dynamiczne tworzenie warstwy

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Dynamiczne tworzenie warstwy

Forum PHP.pl > Forum > Po stronie przeglądarki

ins@ne

14.09.2004, 14:55:54

Chodzi mi o to czy sie da i jesli sie da to jak utworzyc dynamicznie warstwe. O co konkretnie mi chodzi. Musze napisac funkcje, ktora przy wywolaniu bedzie tworzyc nowa warstwe ( <div> ), ktora bede mogl sobie formatowac, edytowac itp.
Ktos wie?

zx81

14.09.2004, 18:37:36

Może prościej będzie w ten sposób :
1. umieścic DIV'a w kodzie strony i go "schować" tzn. visibility='hidden'
2. funkcja ustawia parametry takiego DIV'a i go 'pokazuje'

Wygenerować się da ale to jest raczej skomplikowane - dołanczanie nowego obiektu itd.
Pozdrawiam

Paul

14.09.2004, 23:23:06

Mozesz edytowac wczesniej przygotowanego diva przez innerHTML, chodzby tak jak kolega wyzej napisal...

ins@ne

15.09.2004, 09:11:07

1. innerHTML dziala tylko pod IE

2. musze miec mozliwosc tworzenia dynamicznie warstwy bo:
- warstwa ta ma byc ustawiana relatywnie od miejsca, w ktorym znajduje sie kursor myszy, a jesli wklepie gdzies kod warstwy to ona bedzie sie wyswietlac relatywnie od miejsca gdzie jest ten kod
- warstwa bedzie miala dynamicznie zmieniana zawartosc przez argumenty z javy wiec

musi byc dynamicznie tworzona

Cudi

15.09.2004, 16:50:37

[HTML] pobierz, plaintext 
<script>
    function createLayer() {
        var layer = document.createElement('DIV');
        layer.id = "newLayer";
        layer.innerHTML = "dupa";
 
        document.body.appendChild(layer);
    }
</script>
 
<body>
    <input type="button" value="Stworz warstwe" onclick="createLayer()">
</body>
[HTML] pobierz, plaintext

Sprawdziłem pod FF 0.9, IE 6 i Operze 7.54

Cytat

1. innerHTML dziala tylko pod IE

Bzdura...

Paul

15.09.2004, 18:40:47

Cytat(ins@ne @ 2004-09-15 10:11:07)

musi byc dynamicznie tworzona

Nie musi - moze byc dynamicznie edytowana.

Cytat("ins@ne")

musze miec mozliwosc tworzenia dynamicznie warstwy bo:
- warstwa ta ma byc ustawiana relatywnie od miejsca, w ktorym znajduje sie kursor myszy

Mozna takze przesunac juz istniejaca warstwe.

ins@ne

16.09.2004, 10:54:58

Bardzo dziekuje - wszystko dziala i naprowadzilo mnie to w ogole na przeszukiwanie specyfikacji w3c... Ale jest jedna rzecz, ktora nie chce mi dzialac w dalszym ciagu (a nie moge znalezc przykladu w sieci, ktory by to opisywal). Nie moge ustawic pozycji tej warstwy. Rozmiar, kolory itp. ustawiam bez problemu, ale z pozycja nie moge

. Moze wiecie jeszcze jak to ustawic?

OK... Juz nieaktualne. Przed ustawieniem wartosci dla .top trzeba zmienic position na jakikolwiek inny niz statc... (wyczytane ze specyfikacji css).

16.09.2004, 11:07:25

http://www.w3.org/TR/CSS21/visuren.html

Dominik

16.09.2004, 11:22:18

Cytat(Cudi @ 2004-09-15 17:50:37)

Cytat

1. innerHTML dziala tylko pod IE

Bzdura...

Co nie znaczy ze nie lepiej skorzystac z DOM.

ins@ne

16.09.2004, 12:37:10

To jeszcze mam jedno pytanie

Calosc, ktora tworze to funkcja, ktora bedzie wyswietlac "dymki" (takie jak alt przy img). Teraz chcialbym zeby rozmiar tego dymku byl dopasowany to tekstu wewnatrz niego. Funkcja wyglada tak:

[HTML] pobierz, plaintext 
function showTip(strArg) {
	newLayer = document.createElement("DIV");
	var layerText = document.createTextNode(strArg);
	var textLength = strArg.length;
 
	var fontSizeInPixels = 11;
 
	document.body.appendChild(newLayer);
	newLayer.style.backgroundColor = "#ffc";
	newLayer.style.color = "#000";
	newLayer.style.width = textLength*fontSizeInPixels+'px';
	newLayer.style.height = 14+'px';
	newLayer.style.position = "relative";
	newLayer.style.top = -20+'px';
	newLayer.style.left = 20+'px';
	newLayer.style.borderWidth = 1+'px';
	newLayer.style.borderStyle = "solid";
	newLayer.style.borderColor = "#000";
	newLayer.style.fontFamily = "Arial, Helvetica, sans-serif";
	newLayer.style.fontSize = fontSizeInPixels+'px';
}
[HTML] pobierz, plaintext

No i mam problem z tym wymiarowaniem. Wedlug tego co tam znalazlem w w3c to 'em' to jest odleglosc rowna rozmiarowi czcionki, ale to nie jest to czego szukam bo jesli wpisze same 'WWWW' to pole jest w sam raz, a jak wpisze same 'iiii' no to pole jest o wiele za duze. Probowalem (tak jak w tym kodzie) jakos wykorzystac atrybut length i pomnozyc go przez rozmiar fonta, ale to tez nie daje pozadanych rezultatow. Czy ktos z Was wie moze jak to rozwiazac? Kiedys cos takiego robil?

EDIT:
A i to udalo sie rozwiazac. Troche tylko trzeba bylo zmienic tok myslenia. Wystarczy zamienic div (ktory "ciagnie sie" do konca linii) na span i problem z glowy. Dziekuje za pomoc!

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.