🚀 go-pugleaf

W dniu czwartek, 13 listopada 2014 15:04:41 UTC+1 użytkownik jivan...@poczta.onet.pl napisał:
> Zrobiłem z użyciem jQuery pola z kalendarzami na przyciski. Wszystko mi działało OK. Niestety teraz jak wchodzę na stronę to nie ma przycisków "Kalendarz". Nie wiem dlaczego bo nic nie zmieniałem. 
> W pliku strony mam:
> 
> od <input type="text" id="valid_from" name="valid_from" maxlength="10" style="width: 10ex" class="datePL" value="<?php echo myValue('valid_from', $field_values); ?>">
> <?php echo myFormError('valid_from'); ?>
> <br>
> do <input type="text" id="valid_to" name="valid_to" maxlength="10" style="width: 10ex" class="datePL" value="<?php echo myValue('valid_to', $field_values); ?>">
> <?php echo myFormError('valid_to'); ?>
> 
> oraz:
> 
>     <link href="<?php rs('jquery-ui-1.7.3/themes/base/jquery-ui.css'); ?>" rel="stylesheet" type="text/css">
>     <link href="<?php rs('jquery-ui-1.7.3/themes/base/ui-datepicker.css'); ?>" rel="stylesheet" type="text/css">
>     <script src="<?php rs('jquery-2.1.1.min.js'); ?>" type="text/javascript"></script>
>     <script src="<?php rs('jquery-migrate-1.2.1.min.js'); ?>" type="text/javascript"></script>
>     <script src="<?php rs('jquery-ui-1.7.3/ui/minified/jquery-ui.min.js'); ?>" type="text/javascript"></script>
>     <script src="<?php rs('jquery-ui-1.7.3/ui/minified/ui.datepicker.min.js'); ?>" type="text/javascript"></script>
>     <script src="<?php rs('jquery-ui-1.7.3/ui/minified/i18n/ui.datepicker-pl.min.js'); ?>" type="text/javascript"></script>
>     <script src="<?php rs('functions_jquery.js'); ?>" type="text/javascript"></script>
> 
> a także:
> 
> $(document).ready(function () {
>     calendars(['valid_from', 'valid_to']);
> });
> 
> function calendars(arrButtons) {
>     'use strict';
>     var b;
>     var p = {showOn: 'button', dateFormat: 'yy-mm-dd', buttonText: 'Kalendarz'};
>     for (b in arrButtons) {
>         $("#" + b).datepicker(p);
>     }
> }
> 
> Jeszcze niedawno przy polach valid_to i valid_from pokazywały się przyciski z tekstem "Kalendarz". Teraz ich nie ma. Strona się waliduje poprawnie w FireFoxie.
> Proszę o pomoc, bo mam nieduże doświadczenie.

sprawdz sciezki do plikow i czy wszystkie sie poprawie laduja
sprawdz czy nie ma bledow js w consoli js
gdybys dal link do kalendarza bylo by jakos latwiej

Przy próbie załadowania ui-datepicker.css:

<link href="http://localhost/~robert/resources/jquery-ui-1.7.3/themes/base/ui-datepicker.css" rel="stylesheet" type="text/css">

mam błąd:

Not Found - The requested URL /~robert/resources/jquery-ui-1.7.3/themes/base/ui-datepicker.css was not found on this server.

Nie wiem o co chodzi, bo w katalogu /home/robert/public_html/resources/jquery-ui-1.7.3/themes/base mam:
 
-rw-rwxr-- 1 robert www-data  3997 kwi 21  2010 ui.datepicker.css

i plik mi się poprawnie otwiera w notatniku.
Pozostałe pliki - OK.

userdir tzn. http://localhost/~robert mi działa poprawnie.

Może to kwestia różnicy w nazwie pliku css, bo jeden ma kropkę, a drugi myślnik po "ui": ui-datepicker.css kontra ui.datepicker.css

> Może to kwestia różnicy w nazwie pliku css, bo jeden ma kropkę, a drugi myślnik po "ui": ui-datepicker.css kontra ui.datepicker.css

Poprawiłem. Teraz się ładuje, ale mimo to nadal nie ma przycisków 'Kalendarz'.

> sprawdz czy nie ma bledow js w consoli js

Tzn. co mam sprawdzić?

> gdybys dal link do kalendarza bylo by jakos latwiej

Nie mogę. Działam na localhoście. Poza tym zleceniodawca by się nie zgodził.


Czy podany mój kod jest poprawny?

W dniu sobota, 15 listopada 2014 17:25:56 UTC+1 użytkownik jivan...@poczta.onet.pl napisał:
> > sprawdz czy nie ma bledow js w consoli js
> 
> Tzn. co mam sprawdzić?
> 
> > gdybys dal link do kalendarza bylo by jakos latwiej
> 
> Nie mogę. Działam na localhoście. Poza tym zleceniodawca by się nie zgodził.
> 
> 
> Czy podany mój kod jest poprawny?

dobra jak już nie ma błędów w js i w konsoli to sprawdz czy plik ci sie otwiera a linku który laduje.
2. sprawdz czy przypadkiem masz zachowana dobre kodowanie w sensie clasy ="" 
czestym bledem jest brak "" nie musisz wklejac kodu calego wystarczy ta jedna linijka gdzie mialy by byc te przyciski umieszczone a to nie jest zadne lamanie umowy licencyjne jeden div czy tam input button. moze ci jeszcze czegos brakuje. pomysl co moze ci brakowac

> moze ci jeszcze czegos brakuje. pomysl co moze ci brakowac

Uzupełniłem brakujący </td>:
            <td>
		od <input type="text" id="valid_from" name="valid_from" maxlength="10" style="width: 10ex" class="datePL" value="<?php echo myValue('valid_from', $field_values); ?>">
		<?php echo myFormError('valid_from'); ?>
                <br>
                do <input type="text" id="valid_to" name="valid_to" maxlength="10" style="width: 10ex" class="datePL" value="<?php echo myValue('valid_to', $field_values); ?>">
		<?php echo myFormError('valid_to'); ?>
            </td>
ale nie pomogło. Kod napisałem wg przykładu z Internetu i wszystko mi działało. Kodu nie zmieniałem. Przyciski tworzyła metoda datepicker(p). Nie trzeba było tworzyć ich ręcznie.

Spróbowałem zmienić rozwiązanie wzorując się na przykładzie http://jqueryui.com/datepicker/ W tym przykładzie w ogóle nie ma przycisków ale kalendarz się rozwija na focusie. Zmodyfikowałem mój <head> - oto wyjściowy kod strony:

<link href="http://localhost/~robert/resources/styles.css" rel="stylesheet" type="text/css">
<script src="http://localhost/~robert/resources/functions.js" type="text/javascript"></script>
<script src="http://localhost/~robert/resources/animations.js" type="text/javascript"></script>
<script src="http://localhost/~robert/resources/functions_jquery.js" type="text/javascript"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
...
function calendars(arrButtons) {
    'use strict';
    var b;
    for (b in arrButtons) {
        $("#" + b).datepicker();
    }
}
...
<body>
...
<td>
od <input type="text" id="valid_from" name="valid_from" maxlength="10" style="width: 10ex" class="datePL" value="">
<br>
do <input type="text" id="valid_to" name="valid_to" maxlength="10" style="width: 10ex" class="datePL" value="">
</td>
<td><span class="tip">format: np. <i>2014-11-17</i></span></td>

Niestety u mnie kalendarz się nie rozwija. Nie wiem dlaczego. Próbowałem też bez class="datePL" i bez name (żeby było tak jak w przykładzie) ale też się nie rozwija.

Przepraszam za offtop, Ty nie pracujesz czasem w firmie Nabino z Łodzi?

twoj kalendarz komunikuje sie po id a nie po name

wez umiesc w petrli for zwrotke console.log(b) i zobacz co ci zwraca w consoli
sprawdz czy mozesz sie odwolac do przyciskow tak jak to robi skrypt przez wpisanie sciezki sprawcz czy mozesz nimi manipulowac 

wydaje mis ie ze namieszales cos DOM a jesli chodzi o walidacje to takie zeczy umieszcza sie w class a nie name chyba ze tak jest w orginale. ps: w class umieszczasz kolejne clasy po spacji 
wystarczy poczytac o metodzie addclass w javascript a juz zobaczysz jak to powinno wygladac. szkoda ze nie mam kodu bo to troche bardziej skomplikowane.
Troche namieszales.

W dniu poniedziałek, 17 listopada 2014 16:18:58 UTC+1 użytkownik jivan...@poczta.onet.pl napisał:
> > moze ci jeszcze czegos brakuje. pomysl co moze ci brakowac
> 
> Uzupełniłem brakujący </td>:
>             <td>
> 		od <input type="text" id="valid_from" name="valid_from" maxlength="10" style="width: 10ex" class="datePL" value="<?php echo myValue('valid_from', $field_values); ?>">
> 		<?php echo myFormError('valid_from'); ?>
>                 <br>
>                 do <input type="text" id="valid_to" name="valid_to" maxlength="10" style="width: 10ex" class="datePL" value="<?php echo myValue('valid_to', $field_values); ?>">
> 		<?php echo myFormError('valid_to'); ?>
>             </td>
> ale nie pomogło. Kod napisałem wg przykładu z Internetu i wszystko mi działało. Kodu nie zmieniałem. Przyciski tworzyła metoda datepicker(p). Nie trzeba było tworzyć ich ręcznie.
> 
> Spróbowałem zmienić rozwiązanie wzorując się na przykładzie http://jqueryui.com/datepicker/ W tym przykładzie w ogóle nie ma przycisków ale kalendarz się rozwija na focusie. Zmodyfikowałem mój <head> - oto wyjściowy kod strony:
> 
> <link href="http://localhost/~robert/resources/styles.css" rel="stylesheet" type="text/css">
> <script src="http://localhost/~robert/resources/functions.js" type="text/javascript"></script>
> <script src="http://localhost/~robert/resources/animations.js" type="text/javascript"></script>
> <script src="http://localhost/~robert/resources/functions_jquery.js" type="text/javascript"></script>
> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
> <script src="//code.jquery.com/jquery-1.10.2.js"></script>
> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
> ...
> function calendars(arrButtons) {
>     'use strict';
>     var b;
>     for (b in arrButtons) {
>         $("#" + b).datepicker();
>     }
> }
> ...
> <body>
> ...
> <td>
> od <input type="text" id="valid_from" name="valid_from" maxlength="10" style="width: 10ex" class="datePL" value="">
> <br>
> do <input type="text" id="valid_to" name="valid_to" maxlength="10" style="width: 10ex" class="datePL" value="">
> </td>
> <td><span class="tip">format: np. <i>2014-11-17</i></span></td>
> 
> Niestety u mnie kalendarz się nie rozwija. Nie wiem dlaczego. Próbowałem też bez class="datePL" i bez name (żeby było tak jak w przykładzie) ale też się nie rozwija.