Accordion Menu źle wyświetlane w Operze - Strona 3
Strona 3 z 4 PierwszyPierwszy 1234 OstatniOstatni
Wyniki 21 do 30 z 40

Temat: Accordion Menu źle wyświetlane w Operze

  1. #21
    Przeglądacz jakup13 awatar
    Dołączył
    01-02-2016
    Wpisy
    31
    Punkty
    2

    Domyślny

    Dzięki @zwiastun.

    - - - Updated - - -

    Cytat Wysłane przez siristru Zobacz wiadomość
    2. Tutaj jest przykładowy kod:
    Kod HTML:
    Tak, dzięki, widzę, ale to jest kod wynikowy i z grubsza czaję jego działanie, pętlę itd., chodzi mi o "dokonywanie zamierzonych zmian" w plikach ".php" - jak znając składnię (bootstrapa) modyfikować je, żeby rezultat był taki jak ten kod.
    Mając w "_item.php"
    Kod PHP:
    defined('_JEXEC') or die;
    $item_heading = $params->get('item_heading', 'h4');?><?php if ($params->get('item_title')) : ?>
        <<?php echo $item_heading?> class="newsflash-title<?php echo $params->get('moduleclass_sfx'); ?>">    <?php if ($item->link !== '' && $params->get('link_titles')) : ?>        <a href="<?php echo $item->link?>">[/HTML]
    ...
    co dalej z tym zrobić?
    Chodzi o samą edycję.

  2. Pani Reklamowa
    Pani Reklamowa jest aktywna
    Avatar Panny Google

    Dołączył
    19-08-2010
    Skąd
    Internet
    Postów
    milion
    Pochwał
    setki
  3. #22
    Wyga siristru awatar
    Dołączył
    28-05-2009
    Skąd
    Szczecin
    Wpisy
    3 238
    Punkty
    302

    Domyślny

    Jak obiecałem wyjaśniam.

    1. Zrobiłem override czyli utworzyłem katalog mod_articles_news w katalogu html mojego szablonu.

    2. Tam skopiowałem pliki default.php i _item.php.

    3. Zmieniłem nazwę default.php na akordeon.php i _item.php na _item_akordeon.php.

    4. Teraz pozostaje wywołać plik _item_akordeon w pętli foreach w pliku akordeon.php, owijając to zewnętrznym divem struktury akordeonu collapse:

    Kod PHP:
    <div class="accordion<?php echo $moduleclass_sfx?>" id="my-accordion">
        <?php foreach ($list as $item) : ?>
            <?php require JModuleHelper::getLayoutPath('mod_articles_news''_item_akordeon'); ?>
        <?php endforeach; ?>
    </div>
    5. Teraz czas na plik _item_akordeon.php. Tutaj należy wywołać elementy powtarzalne struktury akordeonu i wywołać odpowiednie treści jak tytuł i wprowadzenie.

    Kod PHP:
      <div class="accordion-group">
        <div class="accordion-heading">
          <a class="accordion-toggle" data-toggle="collapse" data-parent="#my-accordion" data-target="#collapse<?php echo $item->id?>">
            <?php echo $item->title?>
          </a>
        </div>
        <div id="collapse<?php echo $item->id?>" class="accordion-body collapse">
          <div class="accordion-inner">
                <?php if ($params->get('show_introtext''1')) : ?>
                    <?php echo $item->introtext?>
                <?php endif; ?>
                <?php if (isset($item->link) && $item->readmore != && $params->get('readmore')) : ?>
                    <?php echo '<a class="readmore" href="' $item->link '">' $item->linkText '</a>'?>
                <?php endif; ?>
          </div>
        </div>
      </div>
    Ważne by wywołać unikatowe ID kontenera z wprowadzeniem dlatego wykorzystujemy najprostsze z możliwych - ID artykułu:

    Kod PHP:
    data-target="#collapse<?php echo $item->id?>"
    Oraz to samo już w kontenerze z treścią:

    Kod PHP:
    <div id="collapse<?php echo $item->id?>" class="accordion-body collapse">
    Teraz pozostaje już tylko wywołać tytuł artykułu który będzie przyciskiem akordeonu:

    Kod PHP:
    <?php echo $item->title?>
    Oraz treść wprowadzenia i przycisk więcej:

    Kod PHP:
                <?php if ($params->get('show_introtext''1')) : ?>
                    <?php echo $item->introtext?>
                <?php endif; ?>
                 <?php if (isset($item->link) &&  $item->readmore != && $params->get('readmore')) : ?>
                     <?php echo '<a class="readmore" href="' .  $item->link '">' $item->linkText '</a>'?>
                <?php endif; ?>
    Wszystko w zasadzie jest podane na tacy w plikach i dokumentacji collapse bootstrapa

    Jeśli po złożeniu tego kodu nie będzie działać - to może oznaczać, że potrzebny jest aktywator dla collapse ale raczej powinno ruszyć bez problemu. Teraz potrzebujesz tylko stylizacji CSS (z tym pewnie sobie już poradzisz) i masz własny akordeon - jedno rozszerzenie mniej

    Tutaj ustawienia modułu migawek - istotne ustawienia zaznaczone:

    http://prntscr.com/i1dfre
    http://prntscr.com/i1dg3x

    Tutaj przykład jak to działa na mojej stronie:

    http://siristru.prolusatia.pl/test/i...d=1&Itemid=108

    Jak nie poradzisz sobie po tej instrukcji to zawsze mogę ci przesłać moje pliki.
    Na Forum pomagam bezpłatnie ad maiorem Joomla gloriam
    Mimo pomocy na forum nie dajesz rady? Potrzebujesz by ekspert "zrobił to" za Ciebie?
    Napisz do mnie na PW. Argentum et Aurum nie zawsze jest konieczne ;)

  4. #23
    Przeglądacz jakup13 awatar
    Dołączył
    01-02-2016
    Wpisy
    31
    Punkty
    2

    Domyślny

    Dzięki!
    Nie miałem czasu do tego zajrzeć, uczę się javy, czarna magia :-/
    Ale u mnie akordeon nie działa tak jak u Ciebie - po kliknięciu kolejnego tytułu nie zwija się automatycznie ten poprzednio rozwinięty.

  5. #24
    Wyga siristru awatar
    Dołączył
    28-05-2009
    Skąd
    Szczecin
    Wpisy
    3 238
    Punkty
    302

    Domyślny

    Cytat Wysłane przez jakup13 Zobacz wiadomość
    Ale u mnie akordeon nie działa tak jak u Ciebie - po kliknięciu kolejnego tytułu nie zwija się automatycznie ten poprzednio rozwinięty.
    Może to świadczyć o konflikcie js skryptów lub problemem z jQuery.
    Na Forum pomagam bezpłatnie ad maiorem Joomla gloriam
    Mimo pomocy na forum nie dajesz rady? Potrzebujesz by ekspert "zrobił to" za Ciebie?
    Napisz do mnie na PW. Argentum et Aurum nie zawsze jest konieczne ;)

  6. #25
    Przeglądacz jakup13 awatar
    Dołączył
    01-02-2016
    Wpisy
    31
    Punkty
    2

    Domyślny

    Cytat Wysłane przez siristru Zobacz wiadomość
    Może to świadczyć o konflikcie js skryptów lub problemem z jQuery.
    Nie wiem o które js skrypty może chodzić, mogę powyłączać jakieś moduły albo odinstalować parę z nich plus dodatki, w ciemno :-(
    Z jQuery też to samo.

  7. #26
    Wyga siristru awatar
    Dołączył
    28-05-2009
    Skąd
    Szczecin
    Wpisy
    3 238
    Punkty
    302

    Domyślny

    Zobacz najpierw czy konsola przeglądarki pokaże jakieś błędy.
    Na Forum pomagam bezpłatnie ad maiorem Joomla gloriam
    Mimo pomocy na forum nie dajesz rady? Potrzebujesz by ekspert "zrobił to" za Ciebie?
    Napisz do mnie na PW. Argentum et Aurum nie zawsze jest konieczne ;)

  8. #27
    Przeglądacz jakup13 awatar
    Dołączył
    01-02-2016
    Wpisy
    31
    Punkty
    2

    Domyślny

    Zobacz najpierw czy konsola przeglądarki pokaże jakieś błędy.
    Kod:
    /*! jQuery Migrate v1.4.1 | (c) jQuery Foundation and other contributors | jquery.org/license */
    "undefined"==typeof jQuery.migrateMute&&(jQuery.migrateMute=!0),function(a,b,c){function d(c){var d=b.console;f[c]||(f[c]=!0,a.migrateWarnings.push(c),d&&d.warn&&!a.migrateMute&&(d.warn("JQMIGRATE: "+c),a.migrateTrace&&d.trace&&d.trace()))}function e(b,c,e,f){if(Object.defineProperty)try{return void Object.defineProperty(b,c,{configurable:!0,enumerable:!0,get:function(){return d(f),e},set:function(a){d(f),e=a}})}catch(g){}a._definePropertyBroken=!0,b[c]=e}a.migrateVersion="1.4.1";var f={};a.migrateWarnings=[],b.console&&b.console.log&&b.console.log("JQMIGRATE: Migrate is installed"+(a.migrateMute?"":" with logging active")+", version "+a.migrateVersion),a.migrateTrace===c&&(a.migrateTrace=!0),a.migrateReset=function(){f={},a.migrateWarnings.length=0},"BackCompat"===document.compatMode&&d("jQuery is not compatible with Quirks Mode");var g=a("<input/>",{size:1}).attr("size")&&a.attrFn,h=a.attr,i=a.attrHooks.value&&a.attrHooks.value.get||function(){return null},j=a.attrHooks.value&&a.attrHooks.value.set||function(){return c},k=/^(?:input|button)$/i,l=/^[238]$/,m=/^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,n=/^(?:checked|selected)$/i;e(a,"attrFn",g||{},"jQuery.attrFn is deprecated"),a.attr=function(b,e,f,i){var j=e.toLowerCase(),o=b&&b.nodeType;return i&&(h.length<4&&d("jQuery.fn.attr( props, pass ) is deprecated"),b&&!l.test(o)&&(g?e in g:a.isFunction(a.fn[e])))?a(b)[e](f):("type"===e&&f!==c&&k.test(b.nodeName)&&b.parentNode&&d("Can't change the 'type' of an input or button in IE 6/7/8"),!a.attrHooks[j]&&m.test(j)&&(a.attrHooks[j]={get:function(b,d){var e,f=a.prop(b,d);return f===!0||"boolean"!=typeof f&&(e=b.getAttributeNode(d))&&e.nodeValue!==!1?d.toLowerCase():c},set:function(b,c,d){var e;return c===!1?a.removeAttr(b,d):(e=a.propFix[d]||d,e in b&&(b[e]=!0),b.setAttribute(d,d.toLowerCase())),d}},n.test(j)&&d("jQuery.fn.attr('"+j+"') might use property instead of attribute")),h.call(a,b,e,f))},a.attrHooks.value={get:function(a,b){var c=(a.nodeName||"").toLowerCase();return"button"===c?i.apply(this,arguments):("input"!==c&&"option"!==c&&d("jQuery.fn.attr('value') no longer gets properties"),b in a?a.value:null)},set:function(a,b){var c=(a.nodeName||"").toLowerCase();return"button"===c?j.apply(this,arguments):("input"!==c&&"option"!==c&&d("jQuery.fn.attr('value', val) no longer sets properties"),void(a.value=b))}};var o,p,q=a.fn.init,r=a.find,s=a.parseJSON,t=/^\s*</,u=/\[(\s*[-\w]+\s*)([~|^$*]?=)\s*([-\w#]*?#[-\w#]*)\s*\]/,v=/\[(\s*[-\w]+\s*)([~|^$*]?=)\s*([-\w#]*?#[-\w#]*)\s*\]/g,w=/^([^<]*)(<[\w\W]+>)([^>]*)$/;a.fn.init=function(b,e,f){var g,h;return b&&"string"==typeof b&&!a.isPlainObject(e)&&(g=w.exec(a.trim(b)))&&g[0]&&(t.test(b)||d("$(html) HTML strings must start with '<' character"),g[3]&&d("$(html) HTML text after last tag is ignored"),"#"===g[0].charAt(0)&&(d("HTML string cannot start with a '#' character"),a.error("JQMIGRATE: Invalid selector string (XSS)")),e&&e.context&&e.context.nodeType&&(e=e.context),a.parseHTML)?q.call(this,a.parseHTML(g[2],e&&e.ownerDocument||e||document,!0),e,f):(h=q.apply(this,arguments),b&&b.selector!==c?(h.selector=b.selector,h.context=b.context):(h.selector="string"==typeof b?b:"",b&&(h.context=b.nodeType?b:e||document)),h)},a.fn.init.prototype=a.fn,a.find=function(a){var b=Array.prototype.slice.call(arguments);if("string"==typeof a&&u.test(a))try{document.querySelector(a)}catch(c){a=a.replace(v,function(a,b,c,d){return"["+b+c+'"'+d+'"]'});try{document.querySelector(a),d("Attribute selector with '#' must be quoted: "+b[0]),b[0]=a}catch(e){d("Attribute selector with '#' was not fixed: "+b[0])}}return r.apply(this,b)};var x;for(x in r)Object.prototype.hasOwnProperty.call(r,x)&&(a.find[x]=r[x]);a.parseJSON=function(a){return a?s.apply(this,arguments):(d("jQuery.parseJSON requires a valid JSON string"),null)},a.uaMatch=function(a){a=a.toLowerCase();var b=/(chrome)[ \/]([\w.]+)/.exec(a)||/(webkit)[ \/]([\w.]+)/.exec(a)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(a)||/(msie) ([\w.]+)/.exec(a)||a.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},a.browser||(o=a.uaMatch(navigator.userAgent),p={},o.browser&&(p[o.browser]=!0,p.version=o.version),p.chrome?p.webkit=!0:p.webkit&&(p.safari=!0),a.browser=p),e(a,"browser",a.browser,"jQuery.browser is deprecated"),a.boxModel=a.support.boxModel="CSS1Compat"===document.compatMode,e(a,"boxModel",a.boxModel,"jQuery.boxModel is deprecated"),e(a.support,"boxModel",a.support.boxModel,"jQuery.support.boxModel is deprecated"),a.sub=function(){function b(a,c){return new b.fn.init(a,c)}a.extend(!0,b,this),b.superclass=this,b.fn=b.prototype=this(),b.fn.constructor=b,b.sub=this.sub,b.fn.init=function(d,e){var f=a.fn.init.call(this,d,e,c);return f instanceof b?f:b(f)},b.fn.init.prototype=b.fn;var c=b(document);return d("jQuery.sub() is deprecated"),b},a.fn.size=function(){return d("jQuery.fn.size() is deprecated; use the .length property"),this.length};var y=!1;a.swap&&a.each(["height","width","reliableMarginRight"],function(b,c){var d=a.cssHooks[c]&&a.cssHooks[c].get;d&&(a.cssHooks[c].get=function(){var a;return y=!0,a=d.apply(this,arguments),y=!1,a})}),a.swap=function(a,b,c,e){var f,g,h={};y||d("jQuery.swap() is undocumented and deprecated");for(g in b)h[g]=a.style[g],a.style[g]=b[g];f=c.apply(a,e||[]);for(g in b)a.style[g]=h[g];return f},a.ajaxSetup({converters:{"text json":a.parseJSON}});var z=a.fn.data;a.fn.data=function(b){var e,f,g=this[0];return!g||"events"!==b||1!==arguments.length||(e=a.data(g,b),f=a._data(g,b),e!==c&&e!==f||f===c)?z.apply(this,arguments):(d("Use of jQuery.fn.data('events') is deprecated"),f)};var A=/\/(java|ecma)script/i;a.clean||(a.clean=function(b,c,e,f){c=c||document,c=!c.nodeType&&c[0]||c,c=c.ownerDocument||c,d("jQuery.clean() is deprecated");var g,h,i,j,k=[];if(a.merge(k,a.buildFragment(b,c).childNodes),e)for(i=function(a){return!a.type||A.test(a.type)?f?f.push(a.parentNode?a.parentNode.removeChild(a):a):e.appendChild(a):void 0},g=0;null!=(h=k[g]);g++)a.nodeName(h,"script")&&i(h)||(e.appendChild(h),"undefined"!=typeof h.getElementsByTagName&&(j=a.grep(a.merge([],h.getElementsByTagName("script")),i),k.splice.apply(k,[g+1,0].concat(j)),g+=j.length));return k});var B=a.event.add,C=a.event.remove,D=a.event.trigger,E=a.fn.toggle,F=a.fn.live,G=a.fn.die,H=a.fn.load,I="ajaxStart|ajaxStop|ajaxSend|ajaxComplete|ajaxError|ajaxSuccess",J=new RegExp("\\b(?:"+I+")\\b"),K=/(?:^|\s)hover(\.\S+|)\b/,L=function(b){return"string"!=typeof b||a.event.special.hover?b:(K.test(b)&&d("'hover' pseudo-event is deprecated, use 'mouseenter mouseleave'"),b&&b.replace(K,"mouseenter$1 mouseleave$1"))};a.event.props&&"attrChange"!==a.event.props[0]&&a.event.props.unshift("attrChange","attrName","relatedNode","srcElement"),a.event.dispatch&&e(a.event,"handle",a.event.dispatch,"jQuery.event.handle is undocumented and deprecated"),a.event.add=function(a,b,c,e,f){a!==document&&J.test(b)&&d("AJAX events should be attached to document: "+b),B.call(this,a,L(b||""),c,e,f)},a.event.remove=function(a,b,c,d,e){C.call(this,a,L(b)||"",c,d,e)},a.each(["load","unload","error"],function(b,c){a.fn[c]=function(){var a=Array.prototype.slice.call(arguments,0);return"load"===c&&"string"==typeof a[0]?H.apply(this,a):(d("jQuery.fn."+c+"() is deprecated"),a.splice(0,0,c),arguments.length?this.bind.apply(this,a):(this.triggerHandler.apply(this,a),this))}}),a.fn.toggle=function(b,c){if(!a.isFunction(b)||!a.isFunction(c))return E.apply(this,arguments);d("jQuery.fn.toggle(handler, handler...) is deprecated");var e=arguments,f=b.guid||a.guid++,g=0,h=function(c){var d=(a._data(this,"lastToggle"+b.guid)||0)%g;return a._data(this,"lastToggle"+b.guid,d+1),c.preventDefault(),e[d].apply(this,arguments)||!1};for(h.guid=f;g<e.length;)e[g++].guid=f;return this.click(h)},a.fn.live=function(b,c,e){return d("jQuery.fn.live() is deprecated"),F?F.apply(this,arguments):(a(this.context).on(b,this.selector,c,e),this)},a.fn.die=function(b,c){return d("jQuery.fn.die() is deprecated"),G?G.apply(this,arguments):(a(this.context).off(b,this.selector||"**",c),this)},a.event.trigger=function(a,b,c,e){return c||J.test(a)||d("Global events are undocumented and deprecated"),D.call(this,a,b,c||document,e)},a.each(I.split("|"),function(b,c){a.event.special[c]={setup:function(){var b=this;return b!==document&&(a.event.add(document,c+"."+a.guid,function(){a.event.trigger(c,Array.prototype.slice.call(arguments,1),b,!0)}),a._data(this,c,a.guid++)),!1},teardown:function(){return this!==document&&a.event.remove(document,c+"."+a._data(this,c)),!1}}}),a.event.special.ready={setup:function(){this===document&&d("'ready' event is deprecated")}};var M=a.fn.andSelf||a.fn.addBack,N=a.fn.find;if(a.fn.andSelf=function(){return d("jQuery.fn.andSelf() replaced by jQuery.fn.addBack()"),M.apply(this,arguments)},a.fn.find=function(a){var b=N.apply(this,arguments);return b.context=this.context,b.selector=this.selector?this.selector+" "+a:a,b},a.Callbacks){var O=a.Deferred,P=[["resolve","done",a.Callbacks("once memory"),a.Callbacks("once memory"),"resolved"],["reject","fail",a.Callbacks("once memory"),a.Callbacks("once memory"),"rejected"],["notify","progress",a.Callbacks("memory"),a.Callbacks("memory")]];a.Deferred=function(b){var c=O(),e=c.promise();return c.pipe=e.pipe=function(){var b=arguments;return d("deferred.pipe() is deprecated"),a.Deferred(function(d){a.each(P,function(f,g){var h=a.isFunction(b[f])&&b[f];c[g[1]](function(){var b=h&&h.apply(this,arguments);b&&a.isFunction(b.promise)?b.promise().done(d.resolve).fail(d.reject).progress(d.notify):d[g[0]+"With"](this===e?d.promise():this,h?[b]:arguments)})}),b=null}).promise()},c.isResolved=function(){return d("deferred.isResolved is deprecated"),"resolved"===c.state()},c.isRejected=function(){return d("deferred.isRejected is deprecated"),"rejected"===c.state()},b&&b.call(c,c),c}}}(jQuery,window);
    I jeszcze:
    z_konsoli.jpg
    O tym mówisz?

  9. #28
    Przeglądacz jakup13 awatar
    Dołączył
    01-02-2016
    Wpisy
    31
    Punkty
    2

    Domyślny

    Kto poradzi co teraz zrobić z tym jQuery? Jest ewidentnie coś nie tak, collapse nie działa w tym akordeonie.

  10. #29
    Wyga siristru awatar
    Dołączył
    28-05-2009
    Skąd
    Szczecin
    Wpisy
    3 238
    Punkty
    302

    Domyślny

    Ale nie bardzo widzę co nie działa, wszystko działa zarówno w FF jak i Operze:
    https://www.youtube.com/watch?v=RH19M_C_eNk
    Na Forum pomagam bezpłatnie ad maiorem Joomla gloriam
    Mimo pomocy na forum nie dajesz rady? Potrzebujesz by ekspert "zrobił to" za Ciebie?
    Napisz do mnie na PW. Argentum et Aurum nie zawsze jest konieczne ;)

  11. #30
    Przeglądacz jakup13 awatar
    Dołączył
    01-02-2016
    Wpisy
    31
    Punkty
    2

    Domyślny

    Przepraszam, wyłączyłem.
    Już wrzucam tymczasowo do testów: http://www.mdk.lublin.pl/menu2-archiwum
    ("Najświeższe")

Strona 3 z 4 PierwszyPierwszy 1234 OstatniOstatni

Podobne tematy

  1. [Joomla 2.5]Źle wyświetlane nazwy
    przez oas na forum Administracja - ogólnie
    Odpowiedzi: 2
    Ostatni post/autor: 28-02-2012, 20:57
  2. Źle wyświetlane zdjęcia w phoca gallery
    przez badabing na forum Galerie, media, obsługa grafiki i innych mediów
    Odpowiedzi: 0
    Ostatni post/autor: 17-06-2011, 00:20
  3. problem po instalacji - źle wyświetlane etykiety i menu zaplecza
    przez cezarc na forum Instalacja, aktualizacja, migracje
    Odpowiedzi: 7
    Ostatni post/autor: 30-05-2011, 11:20
  4. Źle wyświetlane czcionki
    przez matiuk na forum Problemy z przeglądarką Internet Explorer
    Odpowiedzi: 14
    Ostatni post/autor: 30-11-2008, 23:04
  5. Źle wyświetlane przypisy pod IE
    przez ktp na forum Administracja Joomla!
    Odpowiedzi: 1
    Ostatni post/autor: 10-12-2006, 23:51

Reguły pisania

  • Nie możesz zakładać nowych tematów
  • Nie możesz dodawać wypowiedzi
  • Nie możesz dodawać załączników
  • Nie możesz poprawiać swoich postów
  •