fundacja tvn joomla-cms.com.pl
A+ A A-

Funkcje jQuery

  • Kategoria: Dodatki dla www
  • Opublikowano: środa, 25, luty 2015 15:34
  • Super User
  • Odsłony: 13864

Funkcje jQuery

Pierwsza funkcja jQuery odpowiada za zamiane z przecinka na kropkę.

<span id="cena_koncowa">10,00</span>
 
$(function(){
       var cena = $( "#cena_koncowa" ).html();
     cena = parseFloat(cena.replace(",","."));
});
 
 

Druga funkcja jQuery pobiera dane o wyborze użytkownika przez select folmularza.

<select id="cena_dosta" name="tra" size="1">
<option value="cena_66.00">Raz</option>
<option value="cena_66.55">Dwa</option>
<option value="cena_77.76">Trzy</option>
    </select>
 
$(function(){
    $("#cena_dosta").on('change', function(){
       alert(this.value);
});
});
 
 

Trzecia funkcja jQuery wycina niepotrzebne dane, w naszym przykładzie są to litery i znak podkreślenia.

$(function(){
var tres = 'cena_66.00';
var bb = parseFloat(tres.replace(/[a-ząężźłść_]/gi,""));
alert(bb);
});
 
 
 

Tutaj całość gdzie i jak można te trzy funkcjie zastosować.

 
 
<div class="pole"><strong>Cena końcowa:</strong><span id="cena_koncowa">10,00</span>(brutto)</div>
      <select id="cena_dosta" name="tra" size="1">
      <option value="cena_66.00">Raz</option>
      <option value="cena_66.55">Dwa</option>
      <option value="cena_77.76">Trzy</option>
    </select>
  <script>
  $(function(){
       var cena = $( "#cena_koncowa" ).html();
         cena = parseFloat(cena.replace(",","."));
 
    $("#cena_dosta").on('change', function(){
    var x  = $( "#cena_koncowa" ).empty();
    var bb = parseFloat(this.value.replace(/[a-ząężźłść_]/gi,""));
    var vv=(bb+cena);
    x.append(" "+vv);
         });
     });
  </script>
 
 

Funkcja cztery jQuery odpowiada za wybór i zwrócenie danych na ekran przez użytkownika.

 
 
<span class="con"></span><br>
 
<select  id="info" name="koszty_info" size="1">  
      <option  value="1">Raz</option>
      <option  value="2">Dwa</option>
      <option  value="3">Trzy</option>
      <option  value="4">Cztery</option>
        </select>
<div>Dynamiczne wyświetlanie naszego wyboru w selekcie</div>
    <script>
  $(function(){
     var con = $( ".con" );
    $("#info").on('change', function(){
    $( ".con" ).empty();
    con.append(this.value);
         });     
     });
  </script>
 
 
 
Dynamiczne wyświetlanie naszego wyboru w selekcie

Funkcja piąta jQuery zwraca wybór z input type radio

zmiana radio z ustawieniem

 
 
   <form method="post" action="">
  <div id="wybierz_rodzaj">
  <input class="rodzaj" type="radio" name="rodzaj" value="ogloszenie" id="ogloszenie" /><label for="ogloszenie"> Ogłoszenie</label>
 
  <input class="rodzaj" type="radio" name="rodzaj" value="licytacja" id="licytacja" /><label for="licytacja"> Licytacja</label>
 
  <input class="rodzaj" type="radio" name="rodzaj" value="kup_teraz" id="kup_teraz" /><label for="kup_teraz"> Kup Teraz</label>
 
  <input class="rodzaj" type="radio" name="rodzaj" value="licytacja_kup_teraz" id="licytacja_kup_teraz" />
<label for="licytacja_kup_teraz"> Licytacja i Kup Teraz</label>
 
 </div>
</form>
  zmiana radio z ustawieniem
<script>
  $(function(){
         var rodzaj = $( ".rodzaj" );
    rodzaj.on('change', function(){
      alert(this.value);
     //this.form.submit();
         });
     });   
</script>
 
 
 

Dodaj komentarz


Kod antyspamowy
Odśwież

 Pozycjonowanie-Joomla, seo-joomla Tworzenie-Sitemap-joomla, TG-Chmura-Tagów, rs-rules-security Admin-Login-Security, joomla Licencja-Drupal, Licencja-ZenCart, Licencja-GPL2, Licencja-GPL3 Creative-Commons-License, joomla-2.5.x Kalendarz-Celtycki data-zodiak-data-majowie, moduł-GA-Gadu-gg, Moduł-Lotto-joomla K2-joomla Moduł-Kodownik-joomla kontakt-admin-3-pl Moduł-miłość-joomla Moduł-minutnik-joomla Google-Gadżet-strona-www Moduł-Multi-AnalogClock-joomla Grafika-Wektorowa-joomla Pascal-podstawy Pascal-instrukcja-if Pascal-pętla-for Pascal-Pętla-white-Repet Pascal-Instrukcja-Case Pascal Pascal-record Pascal-Tablice-(Macierze) Kolory-w-Pascalu Systemy-Liczbowe-10-16-8 Pak-top10-głosowanych-jQuery Waga-Bmi BF-Bear-Form Joomla+2.5+captcha+google BSD joomla, MP3 Creating, SEO, Admin tg RS BF The Celtic Forever Création Erstellen Toujours Immer Multi Contact-Admin-3-EN Contact-Admin-3-fr Contact-Admin-3-DE Open-Software-License-v.3.0-(OSL-3.0) System Interfejsy Mozilla joomla-metadane, seo-katalogi, wymiana Slider aukcjoner, Informator Osiemnaście CiastkoPl sem, Class Class-PDO-session login, registerUserClass, index PHP PDO, Class-ResponsiveCss zarabiarka-allegro Pogodynka Pogodynka Praca-Programisty Praca Funkcja-if Special+Arguments Simple-Captchta Jquery, Od 2 Konfiguracja 4.Instalacja 5.Konfiguracja 6.Instalacja 7.Konfiguracja 8.Metadane 9.Optymalizacja 10.Ciasteczka 11.System 12.Diagnostyka 13.Sesja Klasa Książka responsive Uniwersal Dodatek GoogAd.v1.4-polish-utf-8 Error Cooki Funkcje Linki Google Kompresja pdf, Dynamiczne template wycena Twoja Separation reklama ssd, bezpieczeństwo wzorce rekrutacja Zastosowanie Urządzenia Portale chat, dyski Platformy QUIZ 

Używamy cookies i podobnych technologii m.in. w celach: świadczenia usług, reklamy, statystyk. Korzystanie z witryny bez zmiany ustawień Twojej przeglądarki oznacza, że będą one umieszczane w Twoim urządzeniu końcowym. Pamiętaj, że zawsze możesz zmienić te ustawienia. To find out more about the cookies we use and how to delete them, see our privacy policy.

I accept cookies from this site.

EU Cookie Directive Module Information