pomoc s jquery

baumax · Napísal **baumax**: 28.09.2013 22:27

http://net.tutsplus.com/tutorials/javas ... jquery-ui/

pekny tutorial, ale je to cez buttony + tie buttony sa tam aj nejako menia, pomoze mi niekto spravit to jednoduchcie len cez textovy odkaz ?

proste chcem aby sa mi v takom peknom okne ako v tutoriale otvoril nejaky ten obsah, ktory viem potom zavriet cez to x napravo hore (nemusi tam byt to druhe tlacitko na minimalizaciu, ten podciarkovnik _ )

ten text, cez ktory to otvorim sa nebude nijako menit, ostane taky aky je.

strucne co chcem: vypisem si z DB jeden stlpec s cislami a ked kliknem na cislo, tak mi vypise z DB prisluchajuci text (v dalsom stlpci) k tomu cislu chcem to spravit nejako takto, aby to otvorilo v okne ako v tom tutoriale a v nom bol ten text.

dakujem

walther · Napísal **walther**: 28.09.2013 23:20

Hej, napísal si, čo chceš.. Teraz skús napísať to, čo si už skúsil a nefungovalo...

baumax · Napísal autor témy **baumax**: 29.09.2013 7:34

nemam s tymto skusenost, ja som nasiel len ten priklad n buttony a neviem toprepisat na verziu bez buttonov, lebo v tej specifikacii skriptu je vsade napisane button

Kód:

$('#create_button').button().click(function() ...

shaggy · Napísal **shaggy**: 29.09.2013 10:44

Chcelo by to trochu pohľadať.
jQuery UI button ti vlastne z odkazu/inputu urobí rovnako naštýľovaný button, nič viac.
Ale nie je problém tento kód z ukážky

Kód:

<button id="create_button">Create a new window</button>

zmeniť na

Kód:

<a id="create_button" href="#">Create a new window</a>

Alebo áno?

A rovnako môžeš metódu .button úplne vynechať.

baumax · Napísal autor témy **baumax**: 29.09.2013 12:40

dakujem, vynechat button v skripte? to co mam dat prec ?

davam sem pre istotu vsetko co som dal na web a fungovalo to s buttonom, pls. napis mi co bude stacit mne, aby to slo len s textovym odkazom

Kód:

 <script src="js/jquery-1.6.2.min.js"></script>
      <script src="js/jquery-ui-1.8.16.custom.min.js"></script>
      
<script>
      var _init = $.ui.dialog.prototype._init;
      $.ui.dialog.prototype._init = function() {
         _init.apply(this, arguments);
         
         var dialog_element = this;
         var dialog_id = this.uiDialogTitlebar.next().attr('id');
         
         this.uiDialogTitlebar.append('<a href="#" id="' + dialog_id + 
         '-minbutton" class="ui-dialog-titlebar-minimize ui-corner-all">'+
         '<span class="ui-icon ui-icon-minusthick"></span></a>');
         
         $('#dialog_window_minimized_container').append(
            '<div class="dialog_window_minimized ui-widget ui-state-default ui-corner-all" id="' + 
            dialog_id + '_minimized">' + this.uiDialogTitlebar.find('.ui-dialog-title').text() + 
            '<span class="ui-icon ui-icon-newwin"></div>');
            
         $('#' + dialog_id + '-minbutton').hover(function() {
            $(this).addClass('ui-state-hover');
         }, function() {
            $(this).removeClass('ui-state-hover');
         }).click(function() {
            dialog_element.close();
            $('#' + dialog_id + '_minimized').show();
         });
         
         $('#' + dialog_id + '_minimized').click(function() {
            $(this).hide();
            dialog_element.open();
         });
      };
      </script>
      <script>
         $(document).ready(function() {
            $('#create_button').button().click(function() {
               var create_dialog = $('#dialog_window_1');
               var create_button = $(this);
               if( create_dialog.dialog('isOpen') ) {
                  create_button.button('option', 'label', 'Create a new Window');
                  create_dialog.dialog('close');
               } else {
                  create_button.button('option', 'label', 'Close Window');
                  create_dialog.dialog('open');
               }
            });
            
            $('#dialog_window_1').dialog({
               width: '500',
               height: 'auto',
               autoOpen : false,
               buttons: [
                  {
                     text: 'Create',
                     click: function() {
                        var div_count = $('.dialog_window').length + 1;
                        var div_id = 'dialog_window_' + div_count;
                        var div_title = $('#new_window_title').val();
                        var div_content = $('#new_window_content').val();
                        var buttons = new Array();
                        if( $('#alertbutton').is(':checked') ) {
                           buttons.push({
                              text: 'ALERT',
                              click: function() {
                                 alert('ALERTING from Dialog Widnow: ' + div_title);
                              }
                           });
                        }
                        
                        if( $('#closebutton').is(':checked') ) {
                           buttons.push({
                              text: 'CLOSE',
                              click: function() {
                                 $('#' + div_id).dialog('close');
                              }
                           });
                        }
                        
                        $('body').append('<div class="dialog_window" id="' + div_id + '">' + div_content + '</div>');
            
                        var dialog = $('#' + div_id).dialog({
                           width: 'auto',
                           height: 'auto',
                           title : div_title,
                           autoOpen : true,
                           buttons: buttons
                        });
                     }
                  }
               ]
            });
            $('#buttonlist').buttonset();
         });
      </script>

baumax · Napísal autor témy **baumax**: 29.09.2013 13:08

inak ked som nezmenil nic, len dal na web toto <a id="create_button" href="#">#123456</a>
rak tam hodilo textovy odkaz, klikol som na neho otvorilo okno, ale ten textovy odkaz sa zmenil a stal sa z neho button close window a toto ja vobec nechcem, ziadnu zmenu, chcem len otvorenie pekneho okna nejako poriesit a moznost zavriet ho cez X a nic ine nechcem, ziadne dalsie zmeny

shaggy · Napísal **shaggy**: 29.09.2013 17:33

Šup, šup, doučiť sa javascript. Nemôžem ti niečo vysvetľovať, keď nevieš, čo ti píšem.
Proste namiesto zápisu

Kód:

$('#create_button').button().click(function()

budeš mať iba

Kód:

$('#create_button').click(function()

(prípadne ak sa to inicializuje inak, tak vynechaj tú metódu .button(), nečítal som tvoj kód)

baumax · Napísal autor témy **baumax**: 29.09.2013 18:31

nemas nejaky priklad konkretny, odkial si to stiahnem? prepac, ale ja nemam teraz cas sa ucit java script, proste potrebujem len tuto jednu aplikaciu, text na ktory ked kliknem, otvori sa mi pekne okno, kde bude nejaky obsah, nic ine neviem ... pls, hod mi aspon link na nejake riesenie

ja som nasiel tos buttonom http://net.tutsplus.com/tutorials/javas ... jquery-ui/
z tej adresy som si stiahol demo a tam je to funkcne, ale ja nechcem toto, ako som uz pisal

shaggy · Napísal **shaggy**: 29.09.2013 19:15

Čo preboha chceš sťahovať? Napísal som ti presne, čo máš urobiť, čo viac potrebuješ.

Citácia:

ale ja nemam teraz cas sa ucit java script

Toto je pre mňa synonymum pre "zamkni tému, nepotrebujem poradiť", takže zamykám.

pomoc s jquery

Podobné témy