[WP] แก้ไขโค้ดนิดหน่อย ช่วยด้วยครับ

เริ่มโดย boardseo, 19 สิงหาคม 2013, 13:37:00

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

พิมพ์
ลง หน้า1
การกระทำของผู้ใช้

boardseo

19 สิงหาคม 2013, 13:37:00
ปัจจุบัน



ผมอยากได้


ข้อมูล
เว็บ      : www.developpement-humain.org [wordpress]
Theme: CreativeMag [http://wordpress.org/ << ทำไมเข้าไม่ได้หว่า]

ขอบคุณสำหรับคำแนะนำครับ  :wanwan017: :wanwan017:

aloha_ana

#1
19 สิงหาคม 2013, 13:56:29
ลองปรับตำแหน่ง บรรทัดนี้ดูนะครับ  ใน index.php

โค้ด เลือก
<ul class="view">
<li id="listview" class="switcher listview"><a href="#"></a></li>
<li id="gridview" class="switcher gridview-hover"><a href="#"></a></li>
</ul>

ถ้ายังไม่ได้คงต้องไปแก้ที่ไฟล์จาวาสคริปต์ครับ

js/grid-list
[direct=http://www.thaiseoboard.com]aloha_ana[/direct]|

boardseo

#2
19 สิงหาคม 2013, 14:13:57 แก้ไขล่าสุด: 19 สิงหาคม 2013, 14:16:13 โดย boardseo
อ้างถึงจาก: aloha_ana ใน 19 สิงหาคม 2013, 13:56:29
ลองปรับตำแหน่ง บรรทัดนี้ดูนะครับ  ใน index.php

โค้ด เลือก
<ul class="view">
<li id="listview" class="switcher listview"><a href="#"></a></li>
<li id="gridview" class="switcher gridview-hover"><a href="#"></a></li>
</ul>

ถ้ายังไม่ได้คงต้องไปแก้ที่ไฟล์จาวาสคริปต์ครับ

js/grid-list

+1 ครับ  :wanwan017:

แว๊กกกก.... :wanwan001:  ผมเอา <li id="listview" class="switcher listview"><a href="#"></a></li> ออก

ยังไม่ได้  :wanwan031:

boardseo

#3
19 สิงหาคม 2013, 14:23:38
ไฟล์ js/grid-list.js เป็นแบบนี้แก้ที่ไหนครับ  :wanwan017: :wanwan017:


function equalHeight(group) {
   var tallest = 0;
   group.each(function() {
      
      var thisHeight = jQuery(this).height();
      if(thisHeight > tallest) {
         tallest = thisHeight;
      }
   });
   group.height(tallest);
}
/*
jQuery(document).ready(function(){
   var colors = ["#79c91e","#e5749f","#31c4ee","#ffbc00","#bf78cf"];
   
   
   jQuery('#nav li.has-drop-down').each(function() {
      jQuery(this).mouseover(function() {
         var rand = Math.floor(Math.random()*colors.length);
         var col = colors[rand];
         jQuery(this).css('border-top-color',colors[rand]);
         jQuery(this).css('border-top-width','2px');
         jQuery(this).css('border-top-style','solid');
      });
        jQuery(this).mouseout(function() {
         jQuery(this).css("border-top","none");
      });
    });
*/
jQuery(document).ready(function(){
   var borderclass = ["border-green","border-pink","border-blue","border-yellow","border-purple"];
   
   var i=0;
//   jQuery('#nav li.has-drop-down').each(function() {
   jQuery('#nav>li').each(function() {
      
      jQuery(this).addClass( borderclass );
      
      if( i < 4)    i++;
         else    i-=4;
   });
   equalHeight(jQuery(".grid"));
   jQuery("li.switcher").bind("click", function(e){
      e.preventDefault();
      
      var theid = jQuery(this).attr("id");
      var theproducts = jQuery("article.test");
      var classNames = jQuery(this).attr('class').split(' ');
      
      //var gridthumb = "images/products/grid-default-thumb.png";
      //var listthumb = "images/products/list-default-thumb.png";
      
      if(jQuery(this).hasClass("active")) {
         // if currently clicked button has the active class
         // then we do nothing!
         return false;
      } else {
         // otherwise we are clicking on the inactive button
         // and in the process of switching views!
           if(theid == "gridview") {
            window.name = "grid";
                           
            //jQuery(this).addClass("active");
            //jQuery("#listview").removeClass("active");
         
            //jQuery("#listview").children("img").attr("src","images/list-view.png");
         
            //var theimg = jQuery(this).children("img");
            //theimg.attr("src","images/grid-view-active.png");
         
            // remove the list class and change to grid
            theproducts.removeClass("list");
            theproducts.addClass("grid");

            equalHeight(jQuery(".grid"));
            
            if (jQuery(this).hasClass('gridview')) {
               jQuery(this).removeClass('gridview');
               jQuery(this).addClass('gridview-hover');
               jQuery('#listview').removeClass('listview-hover');
               jQuery('#listview').addClass('listview');
               
            }
            else if (jQuery(this).hasClass('gridview-hover')) {
               jQuery(this).removeClass('gridview-hover');
               jQuery(this).addClass('gridview');
               jQuery('#listview').removeClass('listview');
               jQuery('#listview').addClass('listview-hover');
            }
            
            // update all thumbnails to larger size
            //jQuery("img.thumb").attr("src",gridthumb);
         }
         
         else if(theid == "listview") {
            window.name = "list";
            //jQuery(this).addClass("active");
            //jQuery("#gridview").removeClass("active");
               
            //jQuery("#gridview").children("img").attr("src","images/grid-view.png");
               
            //var theimg = jQuery(this).children("img");
            //theimg.attr("src","images/list-view-active.png");
               
            // remove the grid view and change to list
            theproducts.removeClass("grid")
            theproducts.addClass("list");
//            jQuery(".margin-right").removeClass("margin-right");
            theproducts.css("height","auto");
            
            if (jQuery(this).hasClass('listview')) {
               jQuery(this).removeClass('listview');
               jQuery(this).addClass('listview-hover');
               jQuery('#gridview').removeClass('gridview-hover');
               jQuery('#gridview').addClass('gridview');
            }
            else if (jQuery(this).hasClass('listview-hover')) {
               jQuery(this).removeClass('listview-hover');
               jQuery(this).addClass('listview');
               jQuery('#gridview').removeClass('gridview');
               jQuery('#gridview').addClass('gridview-hover');
            }
            // update all thumbnails to smaller size
            //jQuery("img.thumb").attr("src",listthumb);
         }
      }
   });
});

gamepc2u

#4
19 สิงหาคม 2013, 14:28:33
มันไม่มีให้ตั้งค่าที่ธีม ออฟชัน เหรอครับ

boardseo

#5
19 สิงหาคม 2013, 14:29:26
อ้างถึงจาก: gamepc2u ใน 19 สิงหาคม 2013, 14:28:33
มันไม่มีให้ตั้งค่าที่ธีม ออฟชัน เหรอครับ

นั่นน่ะ ตอนแรกนึกว่าจะมี แต่ไม่มีครับ  :wanwan031: :wanwan031:

suphot.s

#6
19 สิงหาคม 2013, 14:42:33
เอาแบบแก้ขัดก็ trigger click ไปก่อน

$('#gridview a').trigger('click');

boardseo

#7
19 สิงหาคม 2013, 14:50:06
อ้างถึงจาก: suphot.s ใน 19 สิงหาคม 2013, 14:42:33
เอาแบบแก้ขัดก็ trigger click ไปก่อน

$('#gridview a').trigger('click');

แก้ที่ไหนครับตีวนี้  :wanwan011:

boardseo

#10
19 สิงหาคม 2013, 15:56:39
ดันรอท่านผู้รู้ครับ  :wanwan017: :wanwan017:

boardseo

#11
19 สิงหาคม 2013, 16:24:10
งานนี้สงสัยแห้ว............... :wanwan031: :wanwan031:

wasantec

#13
19 สิงหาคม 2013, 17:09:08
เข้าไป index.php  บรทัดที่21

แก้จาก

<script type="text/javascript">
               jQuery(document).ready(function(){
                  if (window.name == 'grid') {
                     jQuery(".test").addClass('grid');
                     jQuery('#listview').removeClass('listview');
                     jQuery('#listview').addClass('listview-hover');
                     jQuery('#gridview').addClass('gridview');
                  }
                  else {
                     jQuery(".test").addClass('list');
                     jQuery('#gridview').removeClass('gridview');
                     jQuery('#gridview').addClass('gridview-hover');
                     jQuery('#listview').addClass('listview');
                  }
               });
             </script>
เป็น


<script type="text/javascript">
               jQuery(document).ready(function(){
                  if (window.name == 'grid') {
                  jQuery(".test").addClass('list');
                     jQuery('#gridview').removeClass('gridview');
                     jQuery('#gridview').addClass('gridview-hover');
                     jQuery('#listview').addClass('listview');
                     
                  }
                  else {
                     jQuery(".test").addClass('grid');
                     jQuery('#listview').removeClass('listview');
                     jQuery('#listview').addClass('listview-hover');
                     jQuery('#gridview').addClass('gridview');
                  }
               });
             </script>

:wanwan019:

boardseo

#14
19 สิงหาคม 2013, 17:34:03
อ้างถึงจาก: wasantec ใน 19 สิงหาคม 2013, 17:09:08
เข้าไป index.php  บรทัดที่21

แก้จาก

<script type="text/javascript">
               jQuery(document).ready(function(){
                  if (window.name == 'grid') {
                     jQuery(".test").addClass('grid');
                     jQuery('#listview').removeClass('listview');
                     jQuery('#listview').addClass('listview-hover');
                     jQuery('#gridview').addClass('gridview');
                  }
                  else {
                     jQuery(".test").addClass('list');
                     jQuery('#gridview').removeClass('gridview');
                     jQuery('#gridview').addClass('gridview-hover');
                     jQuery('#listview').addClass('listview');
                  }
               });
             </script>
เป็น


<script type="text/javascript">
               jQuery(document).ready(function(){
                  if (window.name == 'grid') {
                  jQuery(".test").addClass('list');
                     jQuery('#gridview').removeClass('gridview');
                     jQuery('#gridview').addClass('gridview-hover');
                     jQuery('#listview').addClass('listview');
                     
                  }
                  else {
                     jQuery(".test").addClass('grid');
                     jQuery('#listview').removeClass('listview');
                     jQuery('#listview').addClass('listview-hover');
                     jQuery('#gridview').addClass('gridview');
                  }
               });
             </script>

:wanwan019:

ทำตามแล้วไม่ได้ครับ แต่

ผมลองไล่ if,else จากที่ท่านแนะนำมา

ทำให้ผมทำได้แล้ว (ใช่ไหมหว่า..!!??)
พิมพ์
ขึ้น หน้า1
การกระทำของผู้ใช้