Results 1 to 16 of 16
Thread: Çàòðóäíÿâà ìå HTML òàáëèöà
Hybrid View
-
30th December 2020 06:42 #1Product of Science
Join Date: Aug:2016
Location: Ïúòóâàù èç Âñåëåíàòà
Posts: 294
Çàòðóäíÿâà ìå HTML òàáëèöà
Ñàìîîáó÷àâàì ñå, êàòî ïðàâÿ êàêâîòî ìè õðóìíå :
Íàïðàâèõ HTML-òàáëèöà;
Ñëåä òîâà ÷ðåç JavaScript - ñêðèïò ïîïúëâàì äàííè â òàáëèöàòà è ñå óæàñÿâàì êàê òàáëèöàòà çàïî÷âà äà ñè ïðîìåíÿ øèðèíèòå íà êîëîíèòå èëè ïîðàäè äàííèòå, êîèòî ñå âèçóàëèçèðàò â êëåòêèòå èëè ïîíåæå â åäíà êîëîíà îò òàáëèöàòà âèçóàëèçèðàì áóòîíè, à â äðóãà êîëîíà - ñêðèâàì áóòîíè.
Èìà ëè äðóã åçèê çà âèçóàëèçèðàíå íà äàííè îòêúì ñòðàíà íà êëèåíòà, ïðè êîéòî äà íå ñå "ãúð÷è" ãðîçíî òàáëèöàòà â êîÿòî âèçóàëèçèðàì äàííè, áóòîíè, àëà-áàëà ....
Íÿêúäå áÿõ ÷åë, ÷å óæ åçèêà Perl âèçóàëèçèðà êà÷åñòâåíî ?
Èëè ïúê Java äàëè âèçóàëèçèðà êà÷åñòâåíî ?
Áåç äà èñêàì ïðåìúë÷àâàì íÿêîè íåùà, êîèòî ìîæå äà èìàò íÿêàêâî çíà÷åíèå:
Òàáëèöàòà ìè å ñúñ 7 êîëîíè è íàä 10 ðåäà;
Ïúðâîíà÷àëíî áÿõ çàäàë øèðèíà â ïèêñåëè ñàìî íà äâåòå êðàéíè êîëîíè;
Ïîñëå èçìèñëèõ, ÷å çà äà ñå èçáåãíå ïðåîðàçìåðÿâàíåòî â øèðèíàòà íà êîëîíèòå (ñëåä íàòèñêàíå íà áóòîíè è ñúîòâåòíè âèçóàëèçàöèè / ñêðèâàíèÿ) äà çàäàì øèðèíèòå íà êîëîíèòå â % è ñúîòâåòíî çàäàäîõ øèðèíè íà êîëîíèòå:
15%, 14%, 14%, 14%, 14%, 14%, 15%
Ñóìàòà å 100%, îáà÷å òàáëèöàòà ïðîäúëæàâà ãðîçíî äà ñå ãúð÷è ïðè ãîðåîïèñàíèòå äåéñòâèÿ.
Íå äúðæà äà å Perl èëè Java, ïðîñòî òå ìè äîéäîõà íà óì ...
Íå çíàì äàëè ïðîáëåìà ìè å ðåøèì ñ òàáëèöà, ìîæå áè òðÿáâà äà âèçóàëèçèðàì ïî äðóã íà÷èí ....
Äàéòå èäåè, ìîëÿ.
Áëàãîäàðÿ ïðåäâàðèòåëíî!Last edited by c3p0; 30th December 2020 at 11:01.
Íå å íóæíî äà ñòå ëóä, çà äà ðàáîòèòå ïðè íàñ, íî âñå ïàê ùå å ïîëåçíî
-
30th December 2020 07:22 #2
Çàãëàâèåòî íà òåìàòà ïðèëè÷à íà íåùî ãåíåðèðàíî îò ñïàì áîò.
Íå ìîãà äà ðàçáåðà íà êàêâî è çàùî ñå ñàìîîáó÷àâàø ?
-
30th December 2020 07:30 #3Product of Science
Join Date: Aug:2016
Location: Ïúòóâàù èç Âñåëåíàòà
Posts: 294
 íèùî íå ñúì íàïðåäíàë êîé çíàå êîëêî:
Ñàìîîáó÷àâàì ñå íà HTML è JavaScript.
Ìàëêî è íà PHP.Íå å íóæíî äà ñòå ëóä, çà äà ðàáîòèòå ïðè íàñ, íî âñå ïàê ùå å ïîëåçíî
-
30th December 2020 08:43 #4
Íÿìà çíà÷åíèå êîëêî ñè íàïðåäíàë, âàæíîòî å êàêâî òè å èíòåðåñíî è èñêàø äà ïîñòèãíåø. Ùîì èìàø èíòåðåñ êúì ôðîíòåíä ïðîãðàìèðàíå ñè ïðîäúëæàâàø ñìåëî ñ html, css, javascript.
Òîâà ÷å íå ñè îïðàâèë íÿêàêâà òàáëèöà èçîáùî íå å ïîâîä çà îòêàçâàíå èëè ñìÿíà íà åçèêà/òåõíîëîãèÿòà. Àêî íå ñè ìèíàë äîñòàòú÷íî îñíîâíè íåùà âúðíè ñå íàçàä è ñè ãè ïðåãîâîðè, âåðîÿòíî ñå îïèòâàø äà íàïðàâèø íåùî ïî-ñëîæíî îòêîëêîòî òè å ïî ñèëèòå â ìîìåíòà. Php-òî òå ñúâåòâàì äà ãî çàðåæåø.
Ïîëçâàé ãúãóë çà êîíêðåòíè ïðîáëåìè åòî åäèí ëèíê êîéòî ìîæå äà òè å îò ïîëçà.
-
30th December 2020 10:42 #5
Çàäàé ôèêñèðàíè ðàçìåðè íà êîëîíèòå è íÿìà äà ñå ðàçìåñòâàò (àáñîëþòíè ñòîéíîñòè, à íå ïðîöåíòè). Äðóãèÿò âàðèàíò å äà çàäàäåø ìàêñèìàëíà øèðèíà íà öÿëàòà òàáëèöà, çà äà íå ñå ðàçøèðÿâà ïðè ïîïúëâàíå è ïðîöåíòíè øèðèíè íà êîëîíèòå. Íåùî òàêîâà:
table {
width: 100%;
border: 1px solid #000;
}Last edited by RFK; 30th December 2020 at 11:41.
-
30th December 2020 10:51 #6
Èëè âìúêíè áëîê-åëåìåíò (DIV) ñ ôèêñèðàíè ðàçìåðè âúâ âñÿêà êëåòêà, öåíòðèðàé ãî îò ëåéàóòà íà êëåòêàòà. è ñëîæè äèíàìè÷íèòå åëåìåíòè âúòðå â òÿõ. Íå çíàì äàëè òè ñå íàëàãà è êàê ðåôåðèðàø êëåòêèòå, íî DIV-îâåòå ìè ñå âèæäà ñúâñåì ïî-ëåñíî è ïðàâîëèíåéíî.
Àêî èñêàø äà ñè â êðàê ñ ìîäàòà, íå èçïîëâàé òàáëèöè, à ñàìî áëîê åëåìåíòè. Òàêà è íå íàìåðèõ íÿêîé äà ìè îáÿñíè òîÿ õåéò êúì òàáëèöèòå êàòî öÿëî, êîéòî ñå âèõðè îò ãîäèíè.
Ï.Ñ. Äðóãî, êîåòî å äîáðî îò ãëåäíà òî÷íà íà îáùèÿ äèçàéí è ôóíêöèîíàëíîñò, å íå äà ñêðèâàø è ïîêàçâàø áóòîíè, à äà ãè îñòàâÿø, êúäåòî òðÿáâà äà ñà, íî äà ñà àêòèâèðàíè èëè íå (disabled/enabled) â çàâèñèìîñò îò ïîòîêà íà ëîãèêàòà íà ðàáîòàòà. Òàêà ïîòðåáèòåë÷ò ïî-ëåñíî ïîëó÷àâà ïðåäñòàâà êàâî ñå ñëó÷âà è êîå ñ êîå å ñâúðçàíî.Last edited by Bombera; 30th December 2020 at 10:54.
EVGA X299 FTW K|i9-7960X@4.7|4x8 Patriot Viper Steel 4000|GTX 1660 Ti|970 EVO 1 TB|Seasonic Focus GX-1000|Xigmatek Elysium|Êèëî è ïîëîâèíà âîäà
Rampage IV Extreme BE|E5-1680v2@4.7|4x4 HyperX 1866|Cougar Aqua 240|GTX 1050 Ti|970 EVO 1/4 TB|CM 850 SilentPro|HAF-X|Áåç èñòèíñêî âîäíî




Reply With Quote

Lenovo ThinkPad 15 èëè IdeaPad 15
5th May 2023, 22:16 in Ìîáèëíè êîìïþòðè