JQuery સાથે બુટસ્ટ્રેપ કેલેન્ડર

બુટસ્ટ્રેપ-કેલેન્ડર

આસપાસ ફરતા પુષ્કળ સમુદાયથી આપણે વધુને વધુ પ્રભાવિત થયા છીએ બુટસ્ટ્રેપ, જાણીતા સીએસએસ ફ્રેમવર્ક , ટ્વિટર દ્વારા બનાવવામાં આવેલ. આ સમયે હું તમને બુટસ્ટ્રેપ આધારિત કેલેન્ડર પ્રસ્તુત કરું છું જાવાસ્ક્રિપ્ટ અને JQuery સાથે પ્રોગ્રામ, હું ક detailલેન્ડરના ofપરેશનના ભાગને વિગતવાર પણ સમજાવીશ અને હું કરી શકું છું તે કેટલીક યુક્તિઓ અને સુધારાઓ.

આ બુટસ્ટ્રેપ કેલેન્ડરમાં સ્વચ્છ ડિઝાઇન છે અને તે સંપૂર્ણ છે રિસ્પોન્સિવ, તે બધા ઉપકરણોથી સારું લાગશે! તે પણ સમાવે છે એ 7 થી વધુ ભાષાઓમાં અનુવાદ અને બધા દરેક દેશની ઉત્સવની તારીખો પ્રકાશિત અને નોંધવામાં આવે છે. એક વૈભવી!

આ બુટસ્ટ્રેપ કેલેન્ડરનું સંચાલન કંઈક અંશે જટિલ છે, તે શરૂઆતમાં JSON ફાઇલમાંથી વપરાશકર્તાની તારીખો કાઢે છે, પરંતુ, ફક્ત તેના વપરાશકર્તાઓ માટે Creativos Onlineહું કેવી રીતે સમજાવીશ MYSQL ડેટાબેઝમાંથી ઇવેન્ટ્સને બહાર કા extો કોઈપણ સિસ્ટમમાં તેના સંપૂર્ણ અમલીકરણ માટે.

જાણીતી ડેટાબેસ સિસ્ટમ

જાણીતી ડેટાબેસ સિસ્ટમ

એપ્લિકેશનની મુખ્ય ફાઇલોના કાર્યો:

INDEX.HTML

  • બુટસ્ટ્રેપ 2.3.2 લોડિંગ
  • કેલેન્ડર ડિઝાઇન
  • ઘટનાઓની સૂચિ
  • કેલેન્ડર શોધખોળ
  • વિવિધ કેલેન્ડર દૃશ્યો (દિવસ / અઠવાડિયું / મહિનો / વર્ષ)
  • જેએસમાં એપ્લિકેશન લોડ કરી રહ્યું છે
  • ભાષાની પસંદગી

INDEX-BS3.HTML

  • બુટસ્ટ્રેપ 3.0 લોડિંગ
  • કેલેન્ડર ડિઝાઇન
  • ઇવેન્ટ સૂચિ
  • કેલેન્ડર શોધખોળ
  • વિવિધ કેલેન્ડર દૃશ્યો (દિવસ / અઠવાડિયું / મહિનો / વર્ષ)
  • જેએસમાં એપ્લિકેશન લોડ કરી રહ્યું છે
  • ભાષાની પસંદગી

EVENTS.JSON.PHP

  • નીચેના ડેટા સાથેની ઇવેન્ટ્સની સૂચિ:
    • id: ઘટના ઓળખકર્તા
    • શીર્ષક: ઘટના શીર્ષક
    • Url: ઘટના url
    • વર્ગ: અનુગામી રંગો માટે ઇવેન્ટ પ્રકાર (માહિતી | ચેતવણી |…).
    • શરૂઆત: પ્રારંભ તારીખ
    • અંત: સમાપ્તિ તારીખ

એપી.પી.એસ.

  • ચલો કે જે એપ્લિકેશન ગોઠવણીને સંગ્રહિત કરે છે.
  • વિશેષ JQuery વિધેયો

કLEલેન્ડર.જે.એસ.

  • મુખ્ય એપ્લિકેશન સેટિંગ્સ
  • ક theલેન્ડરના મુખ્ય કાર્યો
  • કાર્યક્રમોના નિષ્કર્ષણ અને સારવાર
  • તહેવારોની તારીખો
  • ભાષા લોડ કરી રહ્યું છે
  • ઘટનાઓ સૂચિ લોડ કરી રહ્યું છે
  • વિવિધ કેલેન્ડર દૃશ્યો લોડ કરી રહ્યું છે (દિવસ / અઠવાડિયું / મહિનો / વર્ષ)

કLEલેન્ડર.સી.એસ.એસ.

  • કેલેન્ડર શૈલીઓ
  • ઇવેન્ટ સૂચિ શૈલીઓ
  • અન્ય ઉપકરણો માટે કેલેન્ડર શૈલીઓ

ડેટાબેઝમાંથી ઇવેન્ટ્સ કાractો

MYSQL ડેટાબેસમાંથી ઇવેન્ટ્સ કાractવા માટે આપણે ફાઈલની લાઈનો બદલીશું ઘટનાઓ.જેસન.એફપીપી દ્વારા:

<?php

$link=mysql_connect("localhost", "usuariodeacceso", "contraseñadeacceso");
mysql_select_db("basededatos",$link) OR DIE ("Error: No es posible establecer la conexión");
mysql_set_charset('utf8');

$eventos=mysql_query("SELECT * FROM events'",$link);

while($all = mysql_fetch_assoc($eventos)){
$e = array();
$e['id'] = $all['id'];
$e['start'] = $all['inicio'];
$e['end'] = $all['final'];
$e['title'] = $all['nombre'];
$e['class'] = $all['clase'];
$e['url'] = $all['url'];
$result[] = $e;
}

echo json_encode(array('success' => 1, 'result' => $result));

?>

ગીથબ | બુટસ્ટ્રેપ કેલેન્ડર

ડાઉનલોડ કરો બુટસ્ટ્રેપ કેલેન્ડર

વધુ માહિતી | બુટસ્ટ્રેપ: સીએસએસ ફ્રેમવર્ક


તમારી ટિપ્પણી મૂકો

તમારું ઇમેઇલ સરનામું પ્રકાશિત કરવામાં આવશે નહીં. આવશ્યક ક્ષેત્રો સાથે ચિહ્નિત થયેલ છે *

*

*

  1. ડેટા માટે જવાબદાર: મિગ્યુએલ gelંજેલ ગેટóન
  2. ડેટાનો હેતુ: નિયંત્રણ સ્પામ, ટિપ્પણી સંચાલન.
  3. કાયદો: તમારી સંમતિ
  4. ડેટાની વાતચીત: કાયદાકીય જવાબદારી સિવાય ડેટા તૃતીય પક્ષને આપવામાં આવશે નહીં.
  5. ડેટા સ્ટોરેજ: cસેન્ટસ નેટવર્ક્સ (ઇયુ) દ્વારા હોસ્ટ કરેલો ડેટાબેઝ
  6. અધિકાર: કોઈપણ સમયે તમે તમારી માહિતીને મર્યાદિત, પુન recoverપ્રાપ્ત અને કા deleteી શકો છો.

  1.   ડેવિડ ઝેડ જણાવ્યું હતું કે

    જેમ કે હું સર્જિયો કોડ તપાસીશ

    1.    સેર્ગીયો રóડેનાસ જણાવ્યું હતું કે

      કોડ પહેલેથી જ તપાસ્યો છે! એકમાત્ર વસ્તુ, તમારે નીચેના ક્ષેત્રો સાથે તમારા ડેટાબેસમાં ટેબલ «ઇવેન્ટ્સ create બનાવવી પડશે: | id | ઘર | અંત | નામ | વર્ગ | url} અને તમારા ડેટાબેસની configક્સેસને ગોઠવો!

      1.    રોસ જણાવ્યું હતું કે

        મેં તે ચલો અન્ય લોકો માટે બદલાયા છે, અને તે મને મારા ડેટાબેઝમાં ઇવેન્ટ ઉમેરવાની મંજૂરી આપી છે, પરંતુ મને તે ક theલેન્ડરમાં પ્રતિબિંબિત થતું નથી. અને હું ક theલેન્ડર પર ક્લિક કરનારો દિવસના આધારે હું ઇવેન્ટ્સનો ડેટા કેવી રીતે ફરીથી પ્રાપ્ત કરી શકું?

  2.   જોસ લુઇસ ઝામુડિયો (@ જોઝેઝામી) જણાવ્યું હતું કે

    ઇવેન્ટ્સની રચના કરવા અને કરવા માટે, પછી ડેટાબેસ બનાવવો આવશ્યક છે, પરંતુ તે વિશેની વાત એ છે કે હું તેને ઇવેન્ટ્સમાં જોડી શકું છું અને ડિફ defaultલ્ટ રૂપે સ્પેનિશ ભાષા કારણ કે તે મૂળભૂત રીતે અંગ્રેજી તરીકે વ્યાખ્યાયિત કરવામાં આવી છે.

    1.    સેર્ગીયો રóડેનાસ જણાવ્યું હતું કે

      ભાષાને સ્પેનિશમાં ડિફ defaultલ્ટ કરવા માટે, સ્પેનિશ ભાષાની ફાઇલમાં હાલની શબ્દમાળાઓ અંગ્રેજીમાં કેલેન્ડર.જેએસ ફાઇલમાં બદલીને શ્રેષ્ઠ છે. જો કે, ત્યાં અન્ય સુક્ષ્મ પદ્ધતિઓ છે, તમે તેને આ સ્ક્રિપ્ટની મુખ્ય વેબસાઇટ પર અથવા ગિથબ સમુદાયમાં શોધી શકો છો, જે આ પોસ્ટ સાથે જોડાયેલ છે.
      ઉપરાંત, હું થોડા અઠવાડિયામાં નવી પોસ્ટ અપલોડ કરવાનો પ્રયત્ન કરીશ જ્યાં ડેટાબેઝમાં ઇવેન્ટ્સના નિવેશને કેવી રીતે બનાવવું તે હું સમજાવીશ.

  3.   જોસ લુઇસ ઝામુડિયો (@ જોઝેઝામી) જણાવ્યું હતું કે

    ખૂબ ખૂબ આભાર, હું ઇવેન્ટ્સ શામેલ કરવા માટે પોસ્ટની પ્રશંસા કરીશ :)

  4.   જૈર જણાવ્યું હતું કે

    હેલો મને એક સમસ્યા છે જ્યારે હું ડેટાને ડેટાબેસથી કનેક્ટ કરવા અને કાractવા માટે બધું ઠીક કરું છું, તે મને કોઈ ઇવેન્ટ્સ બતાવતું નથી

  5.   ડિએગો જણાવ્યું હતું કે

    ડેટાબેઝમાં ઇવેન્ટ દાખલ કરતું નથી

  6.   ગોન્ઝા જણાવ્યું હતું કે

    તમે કેવી રીતે ઇવેન્ટ્સ શામેલ કરવા તે પોસ્ટ કરી શકશો? પ્રારંભ અને અંતના ક્ષેત્રોમાં તે કયા પ્રકારનો ડેટા છે? ટાઇમસ્ટેમ્પ? ત્યાં "0" બાકી છે, મારે ઇવેન્ટ્સ દાખલ કરવા અને સક્ષમ થવાની જરૂર છે. આભાર

  7.   થર્સ જણાવ્યું હતું કે

    ડેટા ન કરો જો અસ્તિત્વમાં ન હોય તો `બુટસ્ટ્રેપ_ક`લેન્ડર` / *! 40100 અપૂર્ણ અક્ષર સેટ utf8 ક utલ કરો utf8_spनिश_ci * /;
    ઉપયોગ કરો E બુટસ્ટ્રેપ_ક`લેન્ડર`;
    - વિન 10.13 (x5.6.13) માટે, MySQL ડમ્પ 32 ડિસ્ટ્રિબ 86,
    -
    - હોસ્ટ: 127.0.0.1 ડેટાબેઝ: બુટસ્ટ્રેપ_કalendarલેન્ડર
    -
    - સર્વર સંસ્કરણ 5.5.27

    / *! 40101 SET @OLD_CHARACTER_SET_CLIENT = @ CHARACTER_SET_CLIENT * /;
    / *! 40101 SET @OLD_CHARACTER_SET_RE صلاحTS = @@ CHARACTER_SET_RE صلاحts * /;
    / *! 40101 SET @OLD_COLLATION_CONNECTION = @@ COLLATION_CONNECTION * /;
    / *! 40101 SET નામો utf8 * /;
    / *! 40103 SET @OLD_TIME_ZONE = @@ TIME_ZONE * /;
    / *! 40103 SET TIME_ZONE = '+ 00:00 ′ * /;
    / *! 40014 SET @OLD_UNIQUE_CHECKS = @@ UNIQUE_CHECKS, UNIQUE_CHECKS = 0 * /;
    / *! 40014 SET @OLD_FOREIGN_KEY_CHECKS = @@ ફોરેગ_કેઇ_ચિકસ, ફોરેગ_કેઇ_ચેક = 0 * /;
    / *! 40101 SET @OLD_SQL_MODE = @@ એસક્યુએલ_એમઓડી, એસક્યુએલ_એમઓડી = 'ના_આઉટો_વલ્લૂન_ઝેરો' * / /;
    / *! 40111 SET @OLD_SQL_NOTES = @@ એસક્યુએલ_નOTટ્સ, એસક્યુએલ_નOTટ્સ = 0 * /;

    -
    - ટેબલ `ઘટનાઓ` માટે કોષ્ટકનું બંધારણ
    -

    અસ્તિત્વમાં હોય તો ટેબલ છોડો `ઘટનાઓ`;
    / *! 40101 SET @saved_cs_client = @@ પાત્ર_સેટ_ક્લાયંટ * /;
    / *! 40101 SET અક્ષર_સેટ_ક્લાયન્ટ = utf8 * /;
    ટેબલ બનાવો `ઇવેન્ટ્સ` (
    `id પૂર્ણાંક (10) હસ્તાક્ષર કર્યા વિના, ન તો સ્વચાલિત
    `શીર્ષક- વાર્ચર (150) ક )લટ utf8_spane_ci અપૂર્ણ નલ,
    `મુખ્ય ભાગ` ટેક્સ્ટ કOLલ કરો utf8_spane_ci ન,
    `url` varchar (150) ક )લટ utf8_spane_ci NULL નહીં,
    `વર્ગ` વાર્ચર () 45) ક utલ કરો utf8_spane_ci 'માહિતી' કાULી નાખો,
    `પ્રારંભ` વાર્ચર (15) ક utલ કરો utf8_spane_ci NULL નહીં,
    `end` varchar (15) ક utલ કરો utf8_spane_ci NULL નહીં,
    મુખ્ય કી (`id`)
    ) ENGINE = InnoDB DEFULT CHARSET = utf8 COLLATE = utf8_spanish_ci;
    / *! 40101 SET કેરેક્ટર_સેટ_ક્લાયન્ટ = @ સેવેડ_સીએસ_ક્લાયંટ * /;

    -
    - ટેબલ `ઇવેન્ટ્સ` માટે ડેટા ડમ્પિંગ
    -

    લ Tક ટેબ્લેટ્સ `ઇવેન્ટ્સ` લખાણ;
    / *! 40000 અવર ટેબલ `ઇવેન્ટ્સ- અક્ષમ કીઓ * /;
    / *! 40000 અલર્ટ ટેબલ `ઇવેન્ટ્સ- સક્ષમ કીઝ * /;
    ટેબલ્સને અનલKક કરો;
    / *! 40103 SET TIME_ZONE = @ OLD_TIME_ZONE * /;

    / *! 40101 SET SQL_MODE = @ OLD_SQL_MODE * /;
    / *! 40014 SET FOREIGN_KEY_CHECKS = @ OLD_FOREIGN_KEY_CHECKS * /;
    / *! 40014 SET UNIQUE_CHECKS = @ OLD_UNIQUE_CHECKS * /;
    / *! 40101 SET CHARACTER_SET_CLIENT = @ OLD_CHARACTER_SET_CLIENT * /;
    / *! 40101 SET CHARACTER_SET_RE صلاحTS = @ OLD_CHARACTER_SET_RE صلاحts * /;
    / *! 40101 SET COLLATION_CONNECTION = @ OLD_COLLATION_CONNECTION * /;
    / *! 40111 SET SQL_NOTES = @ OLD_SQL_NOTES * /;

    - ડમ્પ 2014-05-31 14:38:23 પર પૂર્ણ થયું

  8.   જુઆન XNUM જણાવ્યું હતું કે

    હેલો મિગોઝ જેએસઓન તારીખ ફોર્મેટને બદલવાની કોઈપણ રીત છે

  9.   જીસેલાબ્રા જણાવ્યું હતું કે

    ક Theલેન્ડર ખૂબ જ સારું છે, ફક્ત ત્યારે જ જ્યારે નવી ઇવેન્ટને તે શરૂઆતમાં અને અંતમાં બંને ઇંગલિશ ફોર્મેટમાં હોય તે તારીખ ઉમેરવામાં આવે છે, ત્યારે હું તેને સ્પેનિશમાં કેવી રીતે બદલી શકું? તે ડીડી / એમએમ / વાયવાયવાય હશે. ખૂબ ખૂબ આભાર અને શુભેચ્છાઓ

  10.   ફેબિઅન જણાવ્યું હતું કે

    હેલો, ક calendarલેન્ડર ખૂબ સારું છે, પરંતુ તારીખ અપડેટ કરતી વખતે તે ક immediatelyલેન્ડરમાં તરત જ પ્રતિબિંબિત થતું નથી. હું શું કરી શકું?

    મને બીજી સમસ્યા પણ છે, હું માસિક દૃષ્ટિકોણમાં બધા પોઇન્ટ્સ કેવી રીતે પ્રદર્શિત કરી શકું, શું ચોરસ મોટું કરવું શક્ય છે? શું એક દિવસ અનુલક્ષે છે?

  11.   એલેક્સ જણાવ્યું હતું કે

    મને સમસ્યા છે કે સ્થાનિક રીતે ઉદાહરણ લોડ કરતી વખતે તે સંપૂર્ણ રીતે કાર્ય કરે છે પરંતુ જ્યારે હું તેને serverનલાઇન સર્વર પર અપલોડ કરું છું ત્યારે તે મને ક calendarલેન્ડરમાંથી ફક્ત બટનો જ બતાવતું નથી. કૃપા કરી તેને ઠીક કરવા માટે સર્વર સાથે શું હોઈ શકે છે અથવા શું ખોટું છે તેનો કોઈપણ વિચાર છે.