MediaWiki:Result Code Details.js: Difference between revisions

From Melissa Data Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 5: Line 5:
//Slide-out Effect
//Slide-out Effect
$(".TileLayoutHead p").click(function(){
$(".TileLayoutHead p").click(function(){
   $(this).siblings(".TileLayoutBody").toggle(500, tileResetCheck());//Category Rollout
   $(this).siblings(".TileLayoutBody").toggle(500, tileResetCheck($(this)));//Category Rollout
   $(this).parent().siblings(".TileLayoutHead").toggle(500);//Other Category Hide
   $(this).parent().siblings(".TileLayoutHead").toggle(500);//Other Category Hide
   //$(this).siblings(".TileLayoutBody").children().css({"display":"inline-block"});//Ensure Tiles are reset.
   //$(this).siblings(".TileLayoutBody").children().css({"display":"inline-block"});//Ensure Tiles are reset.
Line 12: Line 12:


//Ensure Tiles Are Reset
//Ensure Tiles Are Reset
function tileResetCheck(){
function tileResetCheck(that){
   console.log("this parent: " + $(this).parent().css({"outline":"2px solid black"}));
   console.log("that: " + $(that).attr("class"));
//$(this).parent().css({"outline":"2px solid black"});
 
//$(this).parent().parent().css({"outline":"2px solid black"});
//$(this).children().css({"outline":"2px solid black"});
//$(this).css({"outline":"2px solid black"});
//$(this).siblings().css({"outline":"2px solid black"});
$(this).children().children().css({"outline":"2px solid black"});
   /*if ($(this).attr("display") === "none"){
   /*if ($(this).attr("display") === "none"){
     console.log("it's hidden");
     console.log("it's hidden");

Revision as of 02:13, 20 January 2015

//Changes the Header to act like a button
$(".TileLayoutHead p").css({"cursor":"pointer"});//Cursor change
$(".TileLayoutHead p").hover(function(){$(this).parent().css({"background-color":"#ffffff"});},function(){$(this).parent().css({"background-color":"#f6f6f6"})});//Hover change

//Slide-out Effect
$(".TileLayoutHead p").click(function(){
  $(this).siblings(".TileLayoutBody").toggle(500, tileResetCheck($(this)));//Category Rollout
  $(this).parent().siblings(".TileLayoutHead").toggle(500);//Other Category Hide
  //$(this).siblings(".TileLayoutBody").children().css({"display":"inline-block"});//Ensure Tiles are reset.
 // tileResetCheck();
});

//Ensure Tiles Are Reset
function tileResetCheck(that){
  console.log("that: " + $(that).attr("class"));

  /*if ($(this).attr("display") === "none"){
    console.log("it's hidden");
  }else{
    console.log("it's not");
  }*/
}

//Hide Other Products
/*$(window).on('hashchange', TileLayoutTileHider);//Check on hashchange
$(".TileLayoutBody a").click(TileLayoutTileHider);//Check on link click
*/

//Hide Other Product Tiles in a Section.
$(".TileLayoutBody a").click(function (){
  var hashTarget = $(this).attr("href");
  var trimmedHashTarget = hashTarget.slice(hashTarget.indexOf("#") + 1,(hashTarget.length));
  trimmedHashTarget = trimmedHashTarget.replace(/_/g, "");
  console.log(trimmedHashTarget);
  $(".TLT_" + trimmedHashTarget).siblings().toggle(250);
});

/*
$(window).on('hashchange', TileLayoutTileHider);//Check on hashchange
function TileLayoutTileHider(){
  var pageHash = window.location.hash
  var trimmedHash = pageHash.slice(pageHash.indexOf("#") + 1,(pageHash.length));
  console.log("pageHash: " + pageHash);
  console.log("trimmedHash: " + trimmedHash);
}*/