GoldenLine
Zaloguj się
Wojciech Mazurek

Wojciech Mazurek właściciel, PPHU
Neuron

Temat: Parametry funkcji zaszyte w htmlu

Przykład jest hipotetyczny - chodzi o zasadę ...
Zaznaczę że JS jest zawsze wymagany i koniec ..

Jest sobie funkcja MakeBox(div,x,y,aWidth,aHeight,aColor)
która ze wskazanego przez id diva robi jakieś pseudo okienko.

Zastanawiam się jak funkcję przerobić na MakeBox(div) a parametry umieścić w kodzie html

coś w tym stylu


<div id="box1"   v="10,10,150,50, $000" >

jakaś treść

</div>


Docelowo chciałbym zrobić sobie taki framework (może jest coś takiego co nie jest jakimś kombajnem) który pozwoliłby mi na programowanie części wizualnej bez użycia JS - tworzę obiekty w htmlu a framework robi po nich iterację i "przerabia" wg "zaszytych" instrukcji.
Teraz mam tak że w dokumencie muszę dać sekcję script i po załadowaniu dokumentu wołać po kolei funkcje dla każdego elementu
Link do wypowiedziLink

konto usunięte

Temat: Parametry funkcji zaszyte w htmlu

możesz znaleźć wszystkie elementy które maja dany parametr



var vels = document.querySelectorAll('[v]');



for(var i=0;i<vels.length;i++){

    console.log(vels[i].getAttribute('v'))

}
Ten post został edytowany przez Autora dnia 15.10.13 o godzinie 12:59
Link do wypowiedziLink

konto usunięte

Temat: Parametry funkcji zaszyte w htmlu

A w htmlu 5 wprowadzono przedrostek data-, np:



<div data-dupa="10,20,40,pincset"></div>


to tak co by sie kod walidowal ...Ten post został edytowany przez Autora dnia 15.10.13 o godzinie 14:23
Link do wypowiedziLink

konto usunięte

Temat: Parametry funkcji zaszyte w htmlu

Łukasz G.:
A w htmlu 5 wprowadzono przedrostek data-, np:



<div data-dupa="10,20,40,pincset"></div>


to tak co by sie kod walidowal ...

...i tak co by acces do tych właściwości poprzez node.dataset mógł waćpan uzyskać :)
Link do wypowiedziLink
Mateusz Komarnicki

Mateusz Komarnicki

Temat: Parametry funkcji zaszyte w htmlu

To na dobitkę po wartościowych wypowiedziach kolegów dodam tylko, że dane te można w bardzo przystępny sposób zapisywać w atrybucie data. :-)

EDIT:

Upsss. Zapomniałem dać link: http://stackoverflow.com/questions/16223786/store-and-...Ten post został edytowany przez Autora dnia 16.10.13 o godzinie 10:32
Link do wypowiedziLink
Wojciech Mazurek

Wojciech Mazurek właściciel, PPHU
Neuron

Temat: Parametry funkcji zaszyte w htmlu

Trochę mnie podłamuje zgodność HTML5 ale z jednej strony zanim to wszystko opanuje to pewnie
stare browsery wymrą po drugie mam ten komfort że to mają być aplikacje a nie strony i mogę nakazać określony browser.

Zastanawiam się nie tylko jak ciąg parametrów odszukać w kodzie za pomocą skryptu ale że się tak wyrażę sparsować listę. 



Chciałbym nie dawać  

v="{'x:33','y:33','width:130','height:50'}":  // zapis umowny ;)



tylko 

v='33,33,130,50'


i żeby funkcja wiedziała że pierwszy parametr to x, drugi y itd
Klasyczna funkcja wie bo ma zadeklarowany nagłówek.

Tak się zastanawiam czy się przypadkiem nie da rzucić takiej listy na zdeklarowany obiekt
Link do wypowiedziLink

konto usunięte

Temat: Parametry funkcji zaszyte w htmlu

Wojciech M.:


Chciałbym nie dawać  

v="{'x:33','y:33','width:130','height:50'}":  // zapis umowny ;)



tylko 

v='33,33,130,50'
możesz zrobić tak: http://jsfiddle.net/nhgpj/a
i żeby funkcja wiedziała że pierwszy parametr to x, drugi y itd
nazwa_funkcji.apply(wartosc_zmiennej_this, lista_parametrow_w_postaci_tablicy);
https://developer.mozilla.org/en-US/docs/Web/JavaScript...
Link do wypowiedziLink

konto usunięte

Temat: Parametry funkcji zaszyte w htmlu

Osobiscie, sam bym uzyl data-costam="dane" bo jest wygodniej, aczkolwiek jesli to Ci z jakis wzgledow nie pasuje, to pamietaj ze mozesz uzyc <var id="whatever">dane</var>. Moze to bedzie dla ciebie bardziej logiczne i wygodniejsze z perspektywy wygladu i wyszikiwania w kodzie html. <var> sie raczej nie uzywa, wiec mozesz go latwo schowac i miec pewnosc ze nigdzie sie przez przypadek nie pojawi ;) Moze bedzie to wygodniejsze niz uzywanie div'a?
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj