http://w.atwiki.jp/nobunyaganoyabou/ のぶニャがの野望 @ ウィキ ja 2013-04-21T23:19:18+09:00 1366553958 https://w.atwiki.jp/nobunyaganoyabou/pages/14.html /** * Table.js * Functions for interactive Tables * * Copyright (c) 2007 Matt Kruse (javascripttoolbox.com) * Dual licensed under the MIT and GPL licenses. * * @version 0.981 * * @history 0.981 2007-03-19 Added Sort.numeric_comma, additional date parsing formats * @history 0.980 2007-03-18 Release new BETA release pending some testing. Todo: Additional docs, examples, plus jQuery plugin. * @history 0.959 2007-03-05 Added more "auto" functionality, couple bug fixes * @history 0.958 2007-02-28 Added auto functionality based on class names * @history 0.957 2007-02-21 Speed increases, more code cleanup, added Auto Sort functionality * @history 0.956 2007-02-16 Cleaned up the code and added Auto Filter functionality. * @history 0.950 2006-11-15 First BETA release. * * @todo Add more date format parsers * @todo Add style classes to colgroup tags after sorting/filtering in case the user wants to highlight the whole column * @todo Correct for colspans in data rows (this may slow it down) * @todo Fix for IE losing form control values after sort? */ /** * Sort Functions */ var Sort = (function(){ var sort = {}; // Default alpha-numeric sort // -------------------------- sort.alphanumeric = function(a,b) { return (a==b)?0:(a<b)?-1:1; }; sort['default'] = sort.alphanumeric; // IE chokes on sort.default // This conversion is generalized to work for either a decimal separator of , or . sort.numeric_converter = function(separator) { return function(val) { if (typeof(val)=="string") { val = parseFloat(val.replace(/^[^\d\.]*([\d., ]+).*/g,"$1").replace(new RegExp("[^\\\d"+separator+"]","g"),'').replace(/,/,'.')) || 0; } return val || 0; }; }; // Numeric Sort // ------------ sort.numeric = function(a,b) { return sort.numeric.convert(a)-sort.numeric.convert(b); }; sort.numeric.convert = sort.numeric_converter("."); // Numeric Sort - comma decimal separator // -------------------------------------- sort.numeric_comma = function(a,b) { return sort.numeric_comma.convert(a)-sort.numeric_comma.convert(b); }; sort.numeric_comma.convert = sort.numeric_converter(","); // Case-insensitive Sort // --------------------- sort.ignorecase = function(a,b) { return sort.alphanumeric(sort.ignorecase.convert(a),sort.ignorecase.convert(b)); }; sort.ignorecase.convert = function(val) { if (val==null) { return ""; } return (""+val).toLowerCase(); }; // Currency Sort // ------------- sort.currency = sort.numeric; // Just treat it as numeric! sort.currency_comma = sort.numeric_comma; // Date sort // --------- sort.date = function(a,b) { return sort.numeric(sort.date.convert(a),sort.date.convert(b)); }; // Convert 2-digit years to 4 sort.date.fixYear=function(yr) { yr = +yr; if (yr<50) { yr += 2000; } else if (yr<100) { yr += 1900; } return yr; }; sort.date.formats = [ // YY[YY]-MM-DD { re:/(\d{2,4})-(\d{1,2})-(\d{1,2})/ , f:function(x){ return (new Date(sort.date.fixYear(x[1]),+x[2],+x[3])).getTime(); } } // MM/DD/YY[YY] or MM-DD-YY[YY] ,{ re:/(\d{1,2})[\/-](\d{1,2})[\/-](\d{2,4})/ , f:function(x){ return (new Date(sort.date.fixYear(x[3]),+x[1],+x[2])).getTime(); } } // Any catch-all format that new Date() can handle. This is not reliable except for long formats, for example: 31 Jan 2000 01:23:45 GMT ,{ re:/(.*\d{4}.*\d+:\d+\d+.*)/, f:function(x){ var d=new Date(x[1]); if(d){return d.getTime();} } } ]; sort.date.convert = function(val) { var m,v, f = sort.date.formats; for (var i=0,L=f.length; i<L; i++) { if (m=val.match(f[i].re)) { v=f[i].f(m); if (typeof(v)!="undefined") { return v; } } } return 9999999999999; // So non-parsed dates will be last, not first }; return sort; })(); /** * The main Table namespace */ var Table = (function(){ /** * Determine if a reference is defined */ function def(o) {return (typeof o!="undefined");}; /** * Determine if an object or class string contains a given class. */ function hasClass(o,name) { return new RegExp("(^|\\s)"+name+"(\\s|$)").test(o.className); }; /** * Add a class to an object */ function addClass(o,name) { var c = o.className || ""; if (def(c) && !hasClass(o,name)) { o.className += (c?" ":"") + name; } }; /** * Remove a class from an object */ function removeClass(o,name) { var c = o.className || ""; o.className = c.replace(new RegExp("(^|\\s)"+name+"(\\s|$)"),"$1"); }; /** * For classes that match a given substring, return the rest */ function classValue(o,prefix) { var c = o.className; if (c.match(new RegExp("(^|\\s)"+prefix+"([^ ]+)"))) { return RegExp.$2; } return null; }; /** * Return true if an object is hidden. * This uses the "russian doll" technique to unwrap itself to the most efficient * function after the first pass. This avoids repeated feature detection that * would always fall into the same block of code. */ function isHidden(o) { if (window.getComputedStyle) { var cs = window.getComputedStyle; return (isHidden = function(o) { return 'none'==cs(o,null).getPropertyValue('display'); })(o); } else if (window.currentStyle) { return(isHidden = function(o) { return 'none'==o.currentStyle['display']; })(o); } return (isHidden = function(o) { return 'none'==o.style['display']; })(o); }; /** * Get a parent element by tag name, or the original element if it is of the tag type */ function getParent(o,a,b) { if (o!=null && o.nodeName) { if (o.nodeName==a || (b && o.nodeName==b)) { return o; } while (o=o.parentNode) { if (o.nodeName && (o.nodeName==a || (b && o.nodeName==b))) { return o; } } } return null; }; /** * Utility function to copy properties from one object to another */ function copy(o1,o2) { for (var i=2;i<arguments.length; i++) { var a = arguments[i]; if (def(o1[a])) { o2[a] = o1[a]; } } } // The table object itself var table = { //Class names used in the code AutoStripeClassName:"table-autostripe", StripeClassNamePrefix:"table-stripeclass:", AutoSortClassName:"table-autosort", AutoSortColumnPrefix:"table-autosort:", AutoSortTitle:"Click to sort", SortedAscendingClassName:"table-sorted-asc", SortedDescendingClassName:"table-sorted-desc", SortableClassName:"table-sortable", SortableColumnPrefix:"table-sortable:", NoSortClassName:"table-nosort", AutoFilterClassName:"table-autofilter", FilteredClassName:"table-filtered", FilterableClassName:"table-filterable", FilteredRowcountPrefix:"table-filtered-rowcount:", RowcountPrefix:"table-rowcount:", FilterAllLabel:"Filter: All", AutoPageSizePrefix:"table-autopage:", AutoPageJumpPrefix:"table-page:", PageNumberPrefix:"table-page-number:", PageCountPrefix:"table-page-count:" }; /** * A place to store misc table information, rather than in the table objects themselves */ table.tabledata = {}; /** * Resolve a table given an element reference, and make sure it has a unique ID */ table.uniqueId=1; table.resolve = function(o,args) { if (o!=null && o.nodeName && o.nodeName!="TABLE") { o = getParent(o,"TABLE"); } if (o==null) { return null; } if (!o.id) { var id = null; do { var id = "TABLE_"+(table.uniqueId++); } while (document.getElementById(id)!=null); o.id = id; } this.tabledata[o.id] = this.tabledata[o.id] || {}; if (args) { copy(args,this.tabledata[o.id],"stripeclass","ignorehiddenrows","useinnertext","sorttype","col","desc","page","pagesize"); } return o; }; /** * Run a function against each cell in a table header or footer, usually * to add or remove css classes based on sorting, filtering, etc. */ table.processTableCells = function(t, type, func, arg) { t = this.resolve(t); if (t==null) { return; } if (type!="TFOOT") { this.processCells(t.tHead, func, arg); } if (type!="THEAD") { this.processCells(t.tFoot, func, arg); } }; /** * Internal method used to process an arbitrary collection of cells. * Referenced by processTableCells. * It's done this way to avoid getElementsByTagName() which would also return nested table cells. */ table.processCells = function(section,func,arg) { if (section!=null) { if (section.rows && section.rows.length && section.rows.length>0) { var rows = section.rows; for (var j=0,L2=rows.length; j<L2; j++) { var row = rows[j]; if (row.cells && row.cells.length && row.cells.length>0) { var cells = row.cells; for (var k=0,L3=cells.length; k<L3; k++) { var cellsK = cells[k]; func.call(this,cellsK,arg); } } } } } }; /** * Get the cellIndex value for a cell. This is only needed because of a Safari * bug that causes cellIndex to exist but always be 0. * Rather than feature-detecting each time it is called, the function will * re-write itself the first time it is called. */ table.getCellIndex = function(td) { var tr = td.parentNode; var cells = tr.cells; if (cells && cells.length) { if (cells.length>1 && cells[cells.length-1].cellIndex>0) { // Define the new function, overwrite the one we're running now, and then run the new one (this.getCellIndex = function(td) { return td.cellIndex; })(td); } // Safari will always go through this slower block every time. Oh well. for (var i=0,L=cells.length; i<L; i++) { if (tr.cells[i]==td) { return i; } } } return 0; }; /** * A map of node names and how to convert them into their "value" for sorting, filtering, etc. * These are put here so it is extensible. */ table.nodeValue = { 'INPUT':function(node) { if (def(node.value) && node.type && ((node.type!="checkbox" && node.type!="radio") || node.checked)) { return node.value; } return ""; }, 'SELECT':function(node) { if (node.selectedIndex>=0 && node.options) { // Sort select elements by the visible text return node.options[node.selectedIndex].text; } return ""; }, 'IMG':function(node) { return node.name || ""; } }; /** * Get the text value of a cell. Only use innerText if explicitly told to, because * otherwise we want to be able to handle sorting on inputs and other types */ table.getCellValue = function(td,useInnerText) { if (useInnerText && def(td.innerText)) { return td.innerText; } if (!td.childNodes) { return ""; } var childNodes=td.childNodes; var ret = ""; for (var i=0,L=childNodes.length; i<L; i++) { var node = childNodes[i]; var type = node.nodeType; // In order to get realistic sort results, we need to treat some elements in a special way. // These behaviors are defined in the nodeValue() object, keyed by node name if (type==1) { var nname = node.nodeName; if (this.nodeValue[nname]) { ret += this.nodeValue[nname](node); } else { ret += this.getCellValue(node); } } else if (type==3) { if (def(node.innerText)) { ret += node.innerText; } else if (def(node.nodeValue)) { ret += node.nodeValue; } } } return ret; }; /** * Consider colspan and rowspan values in table header cells to calculate the actual cellIndex * of a given cell. This is necessary because if the first cell in row 0 has a rowspan of 2, * then the first cell in row 1 will have a cellIndex of 0 rather than 1, even though it really * starts in the second column rather than the first. * See: http://www.javascripttoolbox.com/temp/table_cellindex.html */ table.tableHeaderIndexes = {}; table.getActualCellIndex = function(tableCellObj) { if (!def(tableCellObj.cellIndex)) { return null; } var tableObj = getParent(tableCellObj,"TABLE"); var cellCoordinates = tableCellObj.parentNode.rowIndex+"-"+this.getCellIndex(tableCellObj); // If it has already been computed, return the answer from the lookup table if (def(this.tableHeaderIndexes[tableObj.id])) { return this.tableHeaderIndexes[tableObj.id][cellCoordinates]; } var matrix = []; this.tableHeaderIndexes[tableObj.id] = {}; var thead = getParent(tableCellObj,"THEAD"); var trs = thead.getElementsByTagName('TR'); // Loop thru every tr and every cell in the tr, building up a 2-d array "grid" that gets // populated with an "x" for each space that a cell takes up. If the first cell is colspan // 2, it will fill in values [0] and [1] in the first array, so that the second cell will // find the first empty cell in the first row (which will be [2]) and know that this is // where it sits, rather than its internal .cellIndex value of [1]. for (var i=0; i<trs.length; i++) { var cells = trs[i].cells; for (var j=0; j<cells.length; j++) { var c = cells[j]; var rowIndex = c.parentNode.rowIndex; var cellId = rowIndex+"-"+this.getCellIndex(c); var rowSpan = c.rowSpan || 1; var colSpan = c.colSpan || 1; var firstAvailCol; if(!def(matrix[rowIndex])) { matrix[rowIndex] = []; } var m = matrix[rowIndex]; // Find first available column in the first row for (var k=0; k<m.length+1; k++) { if (!def(m[k])) { firstAvailCol = k; break; } } this.tableHeaderIndexes[tableObj.id][cellId] = firstAvailCol; for (var k=rowIndex; k<rowIndex+rowSpan; k++) { if(!def(matrix[k])) { matrix[k] = []; } var matrixrow = matrix[k]; for (var l=firstAvailCol; l<firstAvailCol+colSpan; l++) { matrixrow[l] = "x"; } } } } // Store the map so future lookups are fast. return this.tableHeaderIndexes[tableObj.id][cellCoordinates]; }; /** * Sort all rows in each TBODY (tbodies are sorted independent of each other) */ table.sort = function(o,args) { var t, tdata, sortconvert=null; // Allow for a simple passing of sort type as second parameter if (typeof(args)=="function") { args={sorttype:args}; } args = args || {}; // If no col is specified, deduce it from the object sent in if (!def(args.col)) { args.col = this.getActualCellIndex(o) || 0; } // If no sort type is specified, default to the default sort args.sorttype = args.sorttype || Sort['default']; // Resolve the table t = this.resolve(o,args); tdata = this.tabledata[t.id]; // If we are sorting on the same column as last time, flip the sort direction if (def(tdata.lastcol) && tdata.lastcol==tdata.col && def(tdata.lastdesc)) { tdata.desc = !tdata.lastdesc; } else { tdata.desc = !!args.desc; } // Store the last sorted column so clicking again will reverse the sort order tdata.lastcol=tdata.col; tdata.lastdesc=!!tdata.desc; // If a sort conversion function exists, pre-convert cell values and then use a plain alphanumeric sort var sorttype = tdata.sorttype; if (typeof(sorttype.convert)=="function") { sortconvert=tdata.sorttype.convert; sorttype=Sort.alphanumeric; } // Loop through all THEADs and remove sorted class names, then re-add them for the col // that is being sorted this.processTableCells(t,"THEAD", function(cell) { if (hasClass(cell,this.SortableClassName)) { removeClass(cell,this.SortedAscendingClassName); removeClass(cell,this.SortedDescendingClassName); // If the computed colIndex of the cell equals the sorted colIndex, flag it as sorted if (tdata.col==table.getActualCellIndex(cell) && (classValue(cell,table.SortableClassName))) { addClass(cell,tdata.desc?this.SortedAscendingClassName:this.SortedDescendingClassName); } } } ); // Sort each tbody independently var bodies = t.tBodies; if (bodies==null || bodies.length==0) { return; } // Define a new sort function to be called to consider descending or not var newSortFunc = (tdata.desc)? function(a,b){return sorttype(b[0],a[0]);} :function(a,b){return sorttype(a[0],b[0]);}; var useinnertext=!!tdata.useinnertext; var col = tdata.col; for (var i=0,L=bodies.length; i<L; i++) { var tb = bodies[i], tbrows = tb.rows, rows = []; // Allow tbodies to request that they not be sorted if(!hasClass(tb,table.NoSortClassName)) { // Create a separate array which will store the converted values and refs to the // actual rows. This is the array that will be sorted. var cRow, cRowIndex=0; if (cRow=tbrows[cRowIndex]){ // Funky loop style because it's considerably faster in IE do { if (rowCells = cRow.cells) { var cellValue = (col<rowCells.length)?this.getCellValue(rowCells[col],useinnertext):null; if (sortconvert) cellValue = sortconvert(cellValue); rows[cRowIndex] = [cellValue,tbrows[cRowIndex]]; } } while (cRow=tbrows[++cRowIndex]) } // Do the actual sorting rows.sort(newSortFunc); // Move the rows to the correctly sorted order. Appending an existing DOM object just moves it! cRowIndex=0; var displayedCount=0; var f=[removeClass,addClass]; if (cRow=rows[cRowIndex]){ do { tb.appendChild(cRow[1]); } while (cRow=rows[++cRowIndex]) } } } // If paging is enabled on the table, then we need to re-page because the order of rows has changed! if (tdata.pagesize) { this.page(t); // This will internally do the striping } else { // Re-stripe if a class name was supplied if (tdata.stripeclass) { this.stripe(t,tdata.stripeclass,!!tdata.ignorehiddenrows); } } }; /** * Apply a filter to rows in a table and hide those that do not match. */ table.filter = function(o,filters,args) { var cell; args = args || {}; var t = this.resolve(o,args); var tdata = this.tabledata[t.id]; // If new filters were passed in, apply them to the table's list of filters if (!filters) { // If a null or blank value was sent in for 'filters' then that means reset the table to no filters tdata.filters = null; } else { // Allow for passing a select list in as the filter, since this is common design if (filters.nodeName=="SELECT" && filters.type=="select-one" && filters.selectedIndex>-1) { filters={ 'filter':filters.options[filters.selectedIndex].value }; } // Also allow for a regular input if (filters.nodeName=="INPUT" && filters.type=="text") { filters={ 'filter':"/^"+filters.value+"/" }; } // Force filters to be an array if (typeof(filters)=="object" && !filters.length) { filters = [filters]; } // Convert regular expression strings to RegExp objects and function strings to function objects for (var i=0,L=filters.length; i<L; i++) { var filter = filters[i]; if (typeof(filter.filter)=="string") { // If a filter string is like "/expr/" then turn it into a Regex if (filter.filter.match(/^\/(.*)\/$/)) { filter.filter = new RegExp(RegExp.$1); filter.filter.regex=true; } // If filter string is like "function (x) { ... }" then turn it into a function else if (filter.filter.match(/^function\s*\(([^\)]*)\)\s*\{(.*)}\s*$/)) { filter.filter = Function(RegExp.$1,RegExp.$2); } } // If some non-table object was passed in rather than a 'col' value, resolve it // and assign it's column index to the filter if it doesn't have one. This way, // passing in a cell reference or a select object etc instead of a table object // will automatically set the correct column to filter. if (filter && !def(filter.col) && (cell=getParent(o,"TD","TH"))) { filter.col = this.getCellIndex(cell); } // Apply the passed-in filters to the existing list of filters for the table, removing those that have a filter of null or "" if ((!filter || !filter.filter) && tdata.filters) { delete tdata.filters[filter.col]; } else { tdata.filters = tdata.filters || {}; tdata.filters[filter.col] = filter.filter; } } // If no more filters are left, then make sure to empty out the filters object for (var j in tdata.filters) { var keep = true; } if (!keep) { tdata.filters = null; } } // Everything's been setup, so now scrape the table rows return table.scrape(o); }; /** * "Page" a table by showing only a subset of the rows */ table.page = function(t,page,args) { args = args || {}; if (def(page)) { args.page = page; } return table.scrape(t,args); }; /** * Jump forward or back any number of pages */ table.pageJump = function(t,count,args) { t = this.resolve(t,args); return this.page(t,(table.tabledata[t.id].page||0)+count,args); }; /** * Go to the next page of a paged table */ table.pageNext = function(t,args) { return this.pageJump(t,1,args); }; /** * Go to the previous page of a paged table */ table.pagePrevious = function(t,args) { return this.pageJump(t,-1,args); }; /** * Scrape a table to either hide or show each row based on filters and paging */ table.scrape = function(o,args) { var col,cell,filterList,filterReset=false,filter; var page,pagesize,pagestart,pageend; var unfilteredrows=[],unfilteredrowcount=0,totalrows=0; var t,tdata,row,hideRow; args = args || {}; // Resolve the table object t = this.resolve(o,args); tdata = this.tabledata[t.id]; // Setup for Paging var page = tdata.page; if (def(page)) { // Don't let the page go before the beginning if (page<0) { tdata.page=page=0; } pagesize = tdata.pagesize || 25; // 25=arbitrary default pagestart = page*pagesize+1; pageend = pagestart + pagesize - 1; } // Scrape each row of each tbody var bodies = t.tBodies; if (bodies==null || bodies.length==0) { return; } for (var i=0,L=bodies.length; i<L; i++) { var tb = bodies[i]; for (var j=0,L2=tb.rows.length; j<L2; j++) { row = tb.rows[j]; hideRow = false; // Test if filters will hide the row if (tdata.filters && row.cells) { var cells = row.cells; var cellsLength = cells.length; // Test each filter for (col in tdata.filters) { if (!hideRow) { filter = tdata.filters[col]; if (filter && col<cellsLength) { var val = this.getCellValue(cells[col]); if (filter.regex && val.search) { hideRow=(val.search(filter)<0); } else if (typeof(filter)=="function") { hideRow=!filter(val,cells[col]); } else { hideRow = (val!=filter); } } } } } // Keep track of the total rows scanned and the total runs _not_ filtered out totalrows++; if (!hideRow) { unfilteredrowcount++; if (def(page)) { // Temporarily keep an array of unfiltered rows in case the page we're on goes past // the last page and we need to back up. Don't want to filter again! unfilteredrows.push(row); if (unfilteredrowcount<pagestart || unfilteredrowcount>pageend) { hideRow = true; } } } row.style.display = hideRow?"none":""; } } if (def(page)) { // Check to see if filtering has put us past the requested page index. If it has, // then go back to the last page and show it. if (pagestart>=unfilteredrowcount) { pagestart = unfilteredrowcount-(unfilteredrowcount%pagesize); tdata.page = page = pagestart/pagesize; for (var i=pagestart,L=unfilteredrows.length; i<L; i++) { unfilteredrows[i].style.display=""; } } } // Loop through all THEADs and add/remove filtered class names this.processTableCells(t,"THEAD", function(c) { ((tdata.filters && def(tdata.filters[table.getCellIndex(c)]) && hasClass(c,table.FilterableClassName))?addClass:removeClass)(c,table.FilteredClassName); } ); // Stripe the table if necessary if (tdata.stripeclass) { this.stripe(t); } // Calculate some values to be returned for info and updating purposes var pagecount = Math.floor(unfilteredrowcount/pagesize)+1; if (def(page)) { // Update the page number/total containers if they exist if (tdata.container_number) { tdata.container_number.innerHTML = page+1; } if (tdata.container_count) { tdata.container_count.innerHTML = pagecount; } } // Update the row count containers if they exist if (tdata.container_filtered_count) { tdata.container_filtered_count.innerHTML = unfilteredrowcount; } if (tdata.container_all_count) { tdata.container_all_count.innerHTML = totalrows; } return { 'data':tdata, 'unfilteredcount':unfilteredrowcount, 'total':totalrows, 'pagecount':pagecount, 'page':page, 'pagesize':pagesize }; }; /** * Shade alternate rows, aka Stripe the table. */ table.stripe = function(t,className,args) { args = args || {}; args.stripeclass = className; t = this.resolve(t,args); var tdata = this.tabledata[t.id]; var bodies = t.tBodies; if (bodies==null || bodies.length==0) { return; } className = tdata.stripeclass; // Cache a shorter, quicker reference to either the remove or add class methods var f=[removeClass,addClass]; for (var i=0,L=bodies.length; i<L; i++) { var tb = bodies[i], tbrows = tb.rows, cRowIndex=0, cRow, displayedCount=0; if (cRow=tbrows[cRowIndex]){ // The ignorehiddenrows test is pulled out of the loop for a slight speed increase. // Makes a bigger difference in FF than in IE. // In this case, speed always wins over brevity! if (tdata.ignoreHiddenRows) { do { f[displayedCount++%2](cRow,className); } while (cRow=tbrows[++cRowIndex]) } else { do { if (!isHidden(cRow)) { f[displayedCount++%2](cRow,className); } } while (cRow=tbrows[++cRowIndex]) } } } }; /** * Build up a list of unique values in a table column */ table.getUniqueColValues = function(t,col) { var values={}, bodies = this.resolve(t).tBodies; for (var i=0,L=bodies.length; i<L; i++) { var tbody = bodies[i]; for (var r=0,L2=tbody.rows.length; r<L2; r++) { values[this.getCellValue(tbody.rows[r].cells[col])] = true; } } var valArray = []; for (var val in values) { valArray.push(val); } return valArray.sort(); }; /** * Scan the document on load and add sorting, filtering, paging etc ability automatically * based on existence of class names on the table and cells. */ table.auto = function(args) { var cells = [], tables = document.getElementsByTagName("TABLE"); var val,tdata; if (tables!=null) { for (var i=0,L=tables.length; i<L; i++) { var t = table.resolve(tables[i]); tdata = table.tabledata[t.id]; if (val=classValue(t,table.StripeClassNamePrefix)) { tdata.stripeclass=val; } // Do auto-filter if necessary if (hasClass(t,table.AutoFilterClassName)) { table.autofilter(t); } // Do auto-page if necessary if (val = classValue(t,table.AutoPageSizePrefix)) { table.autopage(t,{'pagesize':+val}); } // Do auto-sort if necessary if ((val = classValue(t,table.AutoSortColumnPrefix)) || (hasClass(t,table.AutoSortClassName))) { table.autosort(t,{'col':(val==null)?null:+val}); } // Do auto-stripe if necessary if (tdata.stripeclass && hasClass(t,table.AutoStripeClassName)) { table.stripe(t); } } } }; /** * Add sorting functionality to a table header cell */ table.autosort = function(t,args) { t = this.resolve(t,args); var tdata = this.tabledata[t.id]; this.processTableCells(t, "THEAD", function(c) { var type = classValue(c,table.SortableColumnPrefix); if (type!=null) { type = type || "default"; c.title =c.title || table.AutoSortTitle; addClass(c,table.SortableClassName); c.onclick = Function("","Table.sort(this,{'sorttype':Sort['"+type+"']})"); // If we are going to auto sort on a column, we need to keep track of what kind of sort it will be if (args.col!=null) { if (args.col==table.getActualCellIndex(c)) { tdata.sorttype=Sort['"+type+"']; } } } } ); if (args.col!=null) { table.sort(t,args); } }; /** * Add paging functionality to a table */ table.autopage = function(t,args) { t = this.resolve(t,args); var tdata = this.tabledata[t.id]; if (tdata.pagesize) { this.processTableCells(t, "THEAD,TFOOT", function(c) { var type = classValue(c,table.AutoPageJumpPrefix); if (type=="next") { type = 1; } else if (type=="previous") { type = -1; } if (type!=null) { c.onclick = Function("","Table.pageJump(this,"+type+")"); } } ); if (val = classValue(t,table.PageNumberPrefix)) { tdata.container_number = document.getElementById(val); } if (val = classValue(t,table.PageCountPrefix)) { tdata.container_count = document.getElementById(val); } return table.page(t,0,args); } }; /** * A util function to cancel bubbling of clicks on filter dropdowns */ table.cancelBubble = function(e) { e = e || window.event; if (typeof(e.stopPropagation)=="function") { e.stopPropagation(); } if (def(e.cancelBubble)) { e.cancelBubble = true; } }; /** * Auto-filter a table */ table.autofilter = function(t,args) { args = args || {}; t = this.resolve(t,args); var tdata = this.tabledata[t.id],val; table.processTableCells(t, "THEAD", function(cell) { if (hasClass(cell,table.FilterableClassName)) { var cellIndex = table.getCellIndex(cell); var colValues = table.getUniqueColValues(t,cellIndex); if (colValues.length>0) { if (typeof(args.insert)=="function") { func.insert(cell,colValues); } else { var sel = '<select onchange="Table.filter(this,this)" onclick="Table.cancelBubble(event)" class="'+table.AutoFilterClassName+'"><option value="">'+table.FilterAllLabel+'</option>'; for (var i=0; i<colValues.length; i++) { sel += '<option value="'+colValues[i]+'">'+colValues[i]+'</option>'; } sel += '</select>'; cell.innerHTML += "<br>"+sel; } } } }); if (val = classValue(t,table.FilteredRowcountPrefix)) { tdata.container_filtered_count = document.getElementById(val); } if (val = classValue(t,table.RowcountPrefix)) { tdata.container_all_count = document.getElementById(val); } }; /** * Attach the auto event so it happens on load. * use jQuery's ready() function if available */ if (typeof(jQuery)!="undefined") { jQuery(table.auto); } else if (window.addEventListener) { window.addEventListener( "load", table.auto, false ); } else if (window.attachEvent) { window.attachEvent( "onload", table.auto ); } return table; })(); 2013-04-21T23:19:18+09:00 1366553958 https://w.atwiki.jp/nobunyaganoyabou/pages/6.html <table><thead><tr><th>№</th> <th class="table-filterable">ランク</th> <th>名前</th> <th class="table-filterable">属性</th> <th class="table-filterable">兵科</th> <th class="table-filterable">職</th> <th class="table-filterable">コスト</th> <th>攻</th> <th>防</th> <th>速</th> <th>徳</th> <th>策</th> <th>総合</th> </tr></thead><tfoot><tr><th>№</th> <th class="table-filterable">ランク</th> <th>名前</th> <th class="table-filterable">属性</th> <th class="table-filterable">兵科</th> <th class="table-filterable">職</th> <th class="table-filterable">コスト</th> <th>攻</th> <th>防</th> <th>速</th> <th>徳</th> <th>策</th> <th>総合</th> </tr></tfoot><tbody><tr><td>1001</td> <td>極</td> <td>上杉にゃんしん</td> <td>火</td> <td>騎馬</td> <td>武士</td> <td>3.0</td> <td>197</td> <td>140</td> <td>164</td> <td>142</td> <td>166</td> <td>809</td> </tr><tr><td>1002</td> <td>極</td> <td>おミーちの方</td> <td>水</td> <td>足軽</td> <td>姫</td> <td>3.0</td> <td>144</td> <td>164</td> <td>162</td> <td>198</td> <td>143</td> <td>811</td> </tr><tr><td>1003</td> <td>極</td> <td>織田のぶニャが</td> <td>火</td> <td>鉄砲</td> <td>武士</td> <td>3.0</td> <td>186</td> <td>166</td> <td>162</td> <td>137</td> <td>158</td> <td>809</td> </tr><tr><td>1004</td> <td>極</td> <td>さニャだ幸村</td> <td>火</td> <td>騎馬</td> <td>武士</td> <td>2.5</td> <td>184</td> <td>115</td> <td>117</td> <td>135</td> <td>130</td> <td>681</td> </tr><tr><td>1005</td> <td>極</td> <td>シャムづ義弘</td> <td>地</td> <td>騎馬</td> <td>武士</td> <td>3.0</td> <td>180</td> <td>193</td> <td>149</td> <td>131</td> <td>157</td> <td>810</td> </tr></tbody></table> 2013-04-21T14:08:22+09:00 1366520902 https://w.atwiki.jp/nobunyaganoyabou/pages/13.html #javascript(){ /** * Table.js * Functions for interactive Tables * * Copyright (c) 2007 Matt Kruse (javascripttoolbox.com) * Dual licensed under the MIT and GPL licenses. * * @version 0.981 * * @history 0.981 2007-03-19 Added Sort.numeric_comma, additional date parsing formats * @history 0.980 2007-03-18 Release new BETA release pending some testing. Todo: Additional docs, examples, plus jQuery plugin. * @history 0.959 2007-03-05 Added more "auto" functionality, couple bug fixes * @history 0.958 2007-02-28 Added auto functionality based on class names * @history 0.957 2007-02-21 Speed increases, more code cleanup, added Auto Sort functionality * @history 0.956 2007-02-16 Cleaned up the code and added Auto Filter functionality. * @history 0.950 2006-11-15 First BETA release. * * @todo Add more date format parsers * @todo Add style classes to colgroup tags after sorting/filtering in case the user wants to highlight the whole column * @todo Correct for colspans in data rows (this may slow it down) * @todo Fix for IE losing form control values after sort? */ /** * Sort Functions */ var Sort = (function(){ var sort = {}; // Default alpha-numeric sort // -------------------------- sort.alphanumeric = function(a,b) { return (a==b)?0:(a<b)?-1:1; }; sort['default'] = sort.alphanumeric; // IE chokes on sort.default // This conversion is generalized to work for either a decimal separator of , or . sort.numeric_converter = function(separator) { return function(val) { if (typeof(val)=="string") { val = parseFloat(val.replace(/^[^\d\.]*([\d., ]+).*/g,"$1").replace(new RegExp("[^\\\d"+separator+"]","g"),'').replace(/,/,'.')) || 0; } return val || 0; }; }; // Numeric Sort // ------------ sort.numeric = function(a,b) { return sort.numeric.convert(a)-sort.numeric.convert(b); }; sort.numeric.convert = sort.numeric_converter("."); // Numeric Sort - comma decimal separator // -------------------------------------- sort.numeric_comma = function(a,b) { return sort.numeric_comma.convert(a)-sort.numeric_comma.convert(b); }; sort.numeric_comma.convert = sort.numeric_converter(","); // Case-insensitive Sort // --------------------- sort.ignorecase = function(a,b) { return sort.alphanumeric(sort.ignorecase.convert(a),sort.ignorecase.convert(b)); }; sort.ignorecase.convert = function(val) { if (val==null) { return ""; } return (""+val).toLowerCase(); }; // Currency Sort // ------------- sort.currency = sort.numeric; // Just treat it as numeric! sort.currency_comma = sort.numeric_comma; // Date sort // --------- sort.date = function(a,b) { return sort.numeric(sort.date.convert(a),sort.date.convert(b)); }; // Convert 2-digit years to 4 sort.date.fixYear=function(yr) { yr = +yr; if (yr<50) { yr += 2000; } else if (yr<100) { yr += 1900; } return yr; }; sort.date.formats = [ // YY[YY]-MM-DD { re:/(\d{2,4})-(\d{1,2})-(\d{1,2})/ , f:function(x){ return (new Date(sort.date.fixYear(x[1]),+x[2],+x[3])).getTime(); } } // MM/DD/YY[YY] or MM-DD-YY[YY] ,{ re:/(\d{1,2})[\/-](\d{1,2})[\/-](\d{2,4})/ , f:function(x){ return (new Date(sort.date.fixYear(x[3]),+x[1],+x[2])).getTime(); } } // Any catch-all format that new Date() can handle. This is not reliable except for long formats, for example: 31 Jan 2000 01:23:45 GMT ,{ re:/(.*\d{4}.*\d+:\d+\d+.*)/, f:function(x){ var d=new Date(x[1]); if(d){return d.getTime();} } } ]; sort.date.convert = function(val) { var m,v, f = sort.date.formats; for (var i=0,L=f.length; i<L; i++) { if (m=val.match(f[i].re)) { v=f[i].f(m); if (typeof(v)!="undefined") { return v; } } } return 9999999999999; // So non-parsed dates will be last, not first }; return sort; })(); /** * The main Table namespace */ var Table = (function(){ /** * Determine if a reference is defined */ function def(o) {return (typeof o!="undefined");}; /** * Determine if an object or class string contains a given class. */ function hasClass(o,name) { return new RegExp("(^|\\s)"+name+"(\\s|$)").test(o.className); }; /** * Add a class to an object */ function addClass(o,name) { var c = o.className || ""; if (def(c) && !hasClass(o,name)) { o.className += (c?" ":"") + name; } }; /** * Remove a class from an object */ function removeClass(o,name) { var c = o.className || ""; o.className = c.replace(new RegExp("(^|\\s)"+name+"(\\s|$)"),"$1"); }; /** * For classes that match a given substring, return the rest */ function classValue(o,prefix) { var c = o.className; if (c.match(new RegExp("(^|\\s)"+prefix+"([^ ]+)"))) { return RegExp.$2; } return null; }; /** * Return true if an object is hidden. * This uses the "russian doll" technique to unwrap itself to the most efficient * function after the first pass. This avoids repeated feature detection that * would always fall into the same block of code. */ function isHidden(o) { if (window.getComputedStyle) { var cs = window.getComputedStyle; return (isHidden = function(o) { return 'none'==cs(o,null).getPropertyValue('display'); })(o); } else if (window.currentStyle) { return(isHidden = function(o) { return 'none'==o.currentStyle['display']; })(o); } return (isHidden = function(o) { return 'none'==o.style['display']; })(o); }; /** * Get a parent element by tag name, or the original element if it is of the tag type */ function getParent(o,a,b) { if (o!=null && o.nodeName) { if (o.nodeName==a || (b && o.nodeName==b)) { return o; } while (o=o.parentNode) { if (o.nodeName && (o.nodeName==a || (b && o.nodeName==b))) { return o; } } } return null; }; /** * Utility function to copy properties from one object to another */ function copy(o1,o2) { for (var i=2;i<arguments.length; i++) { var a = arguments[i]; if (def(o1[a])) { o2[a] = o1[a]; } } } // The table object itself var table = { //Class names used in the code AutoStripeClassName:"table-autostripe", StripeClassNamePrefix:"table-stripeclass:", AutoSortClassName:"table-autosort", AutoSortColumnPrefix:"table-autosort:", AutoSortTitle:"Click to sort", SortedAscendingClassName:"table-sorted-asc", SortedDescendingClassName:"table-sorted-desc", SortableClassName:"table-sortable", SortableColumnPrefix:"table-sortable:", NoSortClassName:"table-nosort", AutoFilterClassName:"table-autofilter", FilteredClassName:"table-filtered", FilterableClassName:"table-filterable", FilteredRowcountPrefix:"table-filtered-rowcount:", RowcountPrefix:"table-rowcount:", FilterAllLabel:"Filter: All", AutoPageSizePrefix:"table-autopage:", AutoPageJumpPrefix:"table-page:", PageNumberPrefix:"table-page-number:", PageCountPrefix:"table-page-count:" }; /** * A place to store misc table information, rather than in the table objects themselves */ table.tabledata = {}; /** * Resolve a table given an element reference, and make sure it has a unique ID */ table.uniqueId=1; table.resolve = function(o,args) { if (o!=null && o.nodeName && o.nodeName!="TABLE") { o = getParent(o,"TABLE"); } if (o==null) { return null; } if (!o.id) { var id = null; do { var id = "TABLE_"+(table.uniqueId++); } while (document.getElementById(id)!=null); o.id = id; } this.tabledata[o.id] = this.tabledata[o.id] || {}; if (args) { copy(args,this.tabledata[o.id],"stripeclass","ignorehiddenrows","useinnertext","sorttype","col","desc","page","pagesize"); } return o; }; /** * Run a function against each cell in a table header or footer, usually * to add or remove css classes based on sorting, filtering, etc. */ table.processTableCells = function(t, type, func, arg) { t = this.resolve(t); if (t==null) { return; } if (type!="TFOOT") { this.processCells(t.tHead, func, arg); } if (type!="THEAD") { this.processCells(t.tFoot, func, arg); } }; /** * Internal method used to process an arbitrary collection of cells. * Referenced by processTableCells. * It's done this way to avoid getElementsByTagName() which would also return nested table cells. */ table.processCells = function(section,func,arg) { if (section!=null) { if (section.rows && section.rows.length && section.rows.length>0) { var rows = section.rows; for (var j=0,L2=rows.length; j<L2; j++) { var row = rows[j]; if (row.cells && row.cells.length && row.cells.length>0) { var cells = row.cells; for (var k=0,L3=cells.length; k<L3; k++) { var cellsK = cells[k]; func.call(this,cellsK,arg); } } } } } }; /** * Get the cellIndex value for a cell. This is only needed because of a Safari * bug that causes cellIndex to exist but always be 0. * Rather than feature-detecting each time it is called, the function will * re-write itself the first time it is called. */ table.getCellIndex = function(td) { var tr = td.parentNode; var cells = tr.cells; if (cells && cells.length) { if (cells.length>1 && cells[cells.length-1].cellIndex>0) { // Define the new function, overwrite the one we're running now, and then run the new one (this.getCellIndex = function(td) { return td.cellIndex; })(td); } // Safari will always go through this slower block every time. Oh well. for (var i=0,L=cells.length; i<L; i++) { if (tr.cells[i]==td) { return i; } } } return 0; }; /** * A map of node names and how to convert them into their "value" for sorting, filtering, etc. * These are put here so it is extensible. */ table.nodeValue = { 'INPUT':function(node) { if (def(node.value) && node.type && ((node.type!="checkbox" && node.type!="radio") || node.checked)) { return node.value; } return ""; }, 'SELECT':function(node) { if (node.selectedIndex>=0 && node.options) { // Sort select elements by the visible text return node.options[node.selectedIndex].text; } return ""; }, 'IMG':function(node) { return node.name || ""; } }; /** * Get the text value of a cell. Only use innerText if explicitly told to, because * otherwise we want to be able to handle sorting on inputs and other types */ table.getCellValue = function(td,useInnerText) { if (useInnerText && def(td.innerText)) { return td.innerText; } if (!td.childNodes) { return ""; } var childNodes=td.childNodes; var ret = ""; for (var i=0,L=childNodes.length; i<L; i++) { var node = childNodes[i]; var type = node.nodeType; // In order to get realistic sort results, we need to treat some elements in a special way. // These behaviors are defined in the nodeValue() object, keyed by node name if (type==1) { var nname = node.nodeName; if (this.nodeValue[nname]) { ret += this.nodeValue[nname](node); } else { ret += this.getCellValue(node); } } else if (type==3) { if (def(node.innerText)) { ret += node.innerText; } else if (def(node.nodeValue)) { ret += node.nodeValue; } } } return ret; }; /** * Consider colspan and rowspan values in table header cells to calculate the actual cellIndex * of a given cell. This is necessary because if the first cell in row 0 has a rowspan of 2, * then the first cell in row 1 will have a cellIndex of 0 rather than 1, even though it really * starts in the second column rather than the first. * See: http://www.javascripttoolbox.com/temp/table_cellindex.html */ table.tableHeaderIndexes = {}; table.getActualCellIndex = function(tableCellObj) { if (!def(tableCellObj.cellIndex)) { return null; } var tableObj = getParent(tableCellObj,"TABLE"); var cellCoordinates = tableCellObj.parentNode.rowIndex+"-"+this.getCellIndex(tableCellObj); // If it has already been computed, return the answer from the lookup table if (def(this.tableHeaderIndexes[tableObj.id])) { return this.tableHeaderIndexes[tableObj.id][cellCoordinates]; } var matrix = []; this.tableHeaderIndexes[tableObj.id] = {}; var thead = getParent(tableCellObj,"THEAD"); var trs = thead.getElementsByTagName('TR'); // Loop thru every tr and every cell in the tr, building up a 2-d array "grid" that gets // populated with an "x" for each space that a cell takes up. If the first cell is colspan // 2, it will fill in values [0] and [1] in the first array, so that the second cell will // find the first empty cell in the first row (which will be [2]) and know that this is // where it sits, rather than its internal .cellIndex value of [1]. for (var i=0; i<trs.length; i++) { var cells = trs[i].cells; for (var j=0; j<cells.length; j++) { var c = cells[j]; var rowIndex = c.parentNode.rowIndex; var cellId = rowIndex+"-"+this.getCellIndex(c); var rowSpan = c.rowSpan || 1; var colSpan = c.colSpan || 1; var firstAvailCol; if(!def(matrix[rowIndex])) { matrix[rowIndex] = []; } var m = matrix[rowIndex]; // Find first available column in the first row for (var k=0; k<m.length+1; k++) { if (!def(m[k])) { firstAvailCol = k; break; } } this.tableHeaderIndexes[tableObj.id][cellId] = firstAvailCol; for (var k=rowIndex; k<rowIndex+rowSpan; k++) { if(!def(matrix[k])) { matrix[k] = []; } var matrixrow = matrix[k]; for (var l=firstAvailCol; l<firstAvailCol+colSpan; l++) { matrixrow[l] = "x"; } } } } // Store the map so future lookups are fast. return this.tableHeaderIndexes[tableObj.id][cellCoordinates]; }; /** * Sort all rows in each TBODY (tbodies are sorted independent of each other) */ table.sort = function(o,args) { var t, tdata, sortconvert=null; // Allow for a simple passing of sort type as second parameter if (typeof(args)=="function") { args={sorttype:args}; } args = args || {}; // If no col is specified, deduce it from the object sent in if (!def(args.col)) { args.col = this.getActualCellIndex(o) || 0; } // If no sort type is specified, default to the default sort args.sorttype = args.sorttype || Sort['default']; // Resolve the table t = this.resolve(o,args); tdata = this.tabledata[t.id]; // If we are sorting on the same column as last time, flip the sort direction if (def(tdata.lastcol) && tdata.lastcol==tdata.col && def(tdata.lastdesc)) { tdata.desc = !tdata.lastdesc; } else { tdata.desc = !!args.desc; } // Store the last sorted column so clicking again will reverse the sort order tdata.lastcol=tdata.col; tdata.lastdesc=!!tdata.desc; // If a sort conversion function exists, pre-convert cell values and then use a plain alphanumeric sort var sorttype = tdata.sorttype; if (typeof(sorttype.convert)=="function") { sortconvert=tdata.sorttype.convert; sorttype=Sort.alphanumeric; } // Loop through all THEADs and remove sorted class names, then re-add them for the col // that is being sorted this.processTableCells(t,"THEAD", function(cell) { if (hasClass(cell,this.SortableClassName)) { removeClass(cell,this.SortedAscendingClassName); removeClass(cell,this.SortedDescendingClassName); // If the computed colIndex of the cell equals the sorted colIndex, flag it as sorted if (tdata.col==table.getActualCellIndex(cell) && (classValue(cell,table.SortableClassName))) { addClass(cell,tdata.desc?this.SortedAscendingClassName:this.SortedDescendingClassName); } } } ); // Sort each tbody independently var bodies = t.tBodies; if (bodies==null || bodies.length==0) { return; } // Define a new sort function to be called to consider descending or not var newSortFunc = (tdata.desc)? function(a,b){return sorttype(b[0],a[0]);} :function(a,b){return sorttype(a[0],b[0]);}; var useinnertext=!!tdata.useinnertext; var col = tdata.col; for (var i=0,L=bodies.length; i<L; i++) { var tb = bodies[i], tbrows = tb.rows, rows = []; // Allow tbodies to request that they not be sorted if(!hasClass(tb,table.NoSortClassName)) { // Create a separate array which will store the converted values and refs to the // actual rows. This is the array that will be sorted. var cRow, cRowIndex=0; if (cRow=tbrows[cRowIndex]){ // Funky loop style because it's considerably faster in IE do { if (rowCells = cRow.cells) { var cellValue = (col<rowCells.length)?this.getCellValue(rowCells[col],useinnertext):null; if (sortconvert) cellValue = sortconvert(cellValue); rows[cRowIndex] = [cellValue,tbrows[cRowIndex]]; } } while (cRow=tbrows[++cRowIndex]) } // Do the actual sorting rows.sort(newSortFunc); // Move the rows to the correctly sorted order. Appending an existing DOM object just moves it! cRowIndex=0; var displayedCount=0; var f=[removeClass,addClass]; if (cRow=rows[cRowIndex]){ do { tb.appendChild(cRow[1]); } while (cRow=rows[++cRowIndex]) } } } // If paging is enabled on the table, then we need to re-page because the order of rows has changed! if (tdata.pagesize) { this.page(t); // This will internally do the striping } else { // Re-stripe if a class name was supplied if (tdata.stripeclass) { this.stripe(t,tdata.stripeclass,!!tdata.ignorehiddenrows); } } }; /** * Apply a filter to rows in a table and hide those that do not match. */ table.filter = function(o,filters,args) { var cell; args = args || {}; var t = this.resolve(o,args); var tdata = this.tabledata[t.id]; // If new filters were passed in, apply them to the table's list of filters if (!filters) { // If a null or blank value was sent in for 'filters' then that means reset the table to no filters tdata.filters = null; } else { // Allow for passing a select list in as the filter, since this is common design if (filters.nodeName=="SELECT" && filters.type=="select-one" && filters.selectedIndex>-1) { filters={ 'filter':filters.options[filters.selectedIndex].value }; } // Also allow for a regular input if (filters.nodeName=="INPUT" && filters.type=="text") { filters={ 'filter':"/^"+filters.value+"/" }; } // Force filters to be an array if (typeof(filters)=="object" && !filters.length) { filters = [filters]; } // Convert regular expression strings to RegExp objects and function strings to function objects for (var i=0,L=filters.length; i<L; i++) { var filter = filters[i]; if (typeof(filter.filter)=="string") { // If a filter string is like "/expr/" then turn it into a Regex if (filter.filter.match(/^\/(.*)\/$/)) { filter.filter = new RegExp(RegExp.$1); filter.filter.regex=true; } // If filter string is like "function (x) { ... }" then turn it into a function else if (filter.filter.match(/^function\s*\(([^\)]*)\)\s*\{(.*)}\s*$/)) { filter.filter = Function(RegExp.$1,RegExp.$2); } } // If some non-table object was passed in rather than a 'col' value, resolve it // and assign it's column index to the filter if it doesn't have one. This way, // passing in a cell reference or a select object etc instead of a table object // will automatically set the correct column to filter. if (filter && !def(filter.col) && (cell=getParent(o,"TD","TH"))) { filter.col = this.getCellIndex(cell); } // Apply the passed-in filters to the existing list of filters for the table, removing those that have a filter of null or "" if ((!filter || !filter.filter) && tdata.filters) { delete tdata.filters[filter.col]; } else { tdata.filters = tdata.filters || {}; tdata.filters[filter.col] = filter.filter; } } // If no more filters are left, then make sure to empty out the filters object for (var j in tdata.filters) { var keep = true; } if (!keep) { tdata.filters = null; } } // Everything's been setup, so now scrape the table rows return table.scrape(o); }; /** * "Page" a table by showing only a subset of the rows */ table.page = function(t,page,args) { args = args || {}; if (def(page)) { args.page = page; } return table.scrape(t,args); }; /** * Jump forward or back any number of pages */ table.pageJump = function(t,count,args) { t = this.resolve(t,args); return this.page(t,(table.tabledata[t.id].page||0)+count,args); }; /** * Go to the next page of a paged table */ table.pageNext = function(t,args) { return this.pageJump(t,1,args); }; /** * Go to the previous page of a paged table */ table.pagePrevious = function(t,args) { return this.pageJump(t,-1,args); }; /** * Scrape a table to either hide or show each row based on filters and paging */ table.scrape = function(o,args) { var col,cell,filterList,filterReset=false,filter; var page,pagesize,pagestart,pageend; var unfilteredrows=[],unfilteredrowcount=0,totalrows=0; var t,tdata,row,hideRow; args = args || {}; // Resolve the table object t = this.resolve(o,args); tdata = this.tabledata[t.id]; // Setup for Paging var page = tdata.page; if (def(page)) { // Don't let the page go before the beginning if (page<0) { tdata.page=page=0; } pagesize = tdata.pagesize || 25; // 25=arbitrary default pagestart = page*pagesize+1; pageend = pagestart + pagesize - 1; } // Scrape each row of each tbody var bodies = t.tBodies; if (bodies==null || bodies.length==0) { return; } for (var i=0,L=bodies.length; i<L; i++) { var tb = bodies[i]; for (var j=0,L2=tb.rows.length; j<L2; j++) { row = tb.rows[j]; hideRow = false; // Test if filters will hide the row if (tdata.filters && row.cells) { var cells = row.cells; var cellsLength = cells.length; // Test each filter for (col in tdata.filters) { if (!hideRow) { filter = tdata.filters[col]; if (filter && col<cellsLength) { var val = this.getCellValue(cells[col]); if (filter.regex && val.search) { hideRow=(val.search(filter)<0); } else if (typeof(filter)=="function") { hideRow=!filter(val,cells[col]); } else { hideRow = (val!=filter); } } } } } // Keep track of the total rows scanned and the total runs _not_ filtered out totalrows++; if (!hideRow) { unfilteredrowcount++; if (def(page)) { // Temporarily keep an array of unfiltered rows in case the page we're on goes past // the last page and we need to back up. Don't want to filter again! unfilteredrows.push(row); if (unfilteredrowcount<pagestart || unfilteredrowcount>pageend) { hideRow = true; } } } row.style.display = hideRow?"none":""; } } if (def(page)) { // Check to see if filtering has put us past the requested page index. If it has, // then go back to the last page and show it. if (pagestart>=unfilteredrowcount) { pagestart = unfilteredrowcount-(unfilteredrowcount%pagesize); tdata.page = page = pagestart/pagesize; for (var i=pagestart,L=unfilteredrows.length; i<L; i++) { unfilteredrows[i].style.display=""; } } } // Loop through all THEADs and add/remove filtered class names this.processTableCells(t,"THEAD", function(c) { ((tdata.filters && def(tdata.filters[table.getCellIndex(c)]) && hasClass(c,table.FilterableClassName))?addClass:removeClass)(c,table.FilteredClassName); } ); // Stripe the table if necessary if (tdata.stripeclass) { this.stripe(t); } // Calculate some values to be returned for info and updating purposes var pagecount = Math.floor(unfilteredrowcount/pagesize)+1; if (def(page)) { // Update the page number/total containers if they exist if (tdata.container_number) { tdata.container_number.innerHTML = page+1; } if (tdata.container_count) { tdata.container_count.innerHTML = pagecount; } } // Update the row count containers if they exist if (tdata.container_filtered_count) { tdata.container_filtered_count.innerHTML = unfilteredrowcount; } if (tdata.container_all_count) { tdata.container_all_count.innerHTML = totalrows; } return { 'data':tdata, 'unfilteredcount':unfilteredrowcount, 'total':totalrows, 'pagecount':pagecount, 'page':page, 'pagesize':pagesize }; }; /** * Shade alternate rows, aka Stripe the table. */ table.stripe = function(t,className,args) { args = args || {}; args.stripeclass = className; t = this.resolve(t,args); var tdata = this.tabledata[t.id]; var bodies = t.tBodies; if (bodies==null || bodies.length==0) { return; } className = tdata.stripeclass; // Cache a shorter, quicker reference to either the remove or add class methods var f=[removeClass,addClass]; for (var i=0,L=bodies.length; i<L; i++) { var tb = bodies[i], tbrows = tb.rows, cRowIndex=0, cRow, displayedCount=0; if (cRow=tbrows[cRowIndex]){ // The ignorehiddenrows test is pulled out of the loop for a slight speed increase. // Makes a bigger difference in FF than in IE. // In this case, speed always wins over brevity! if (tdata.ignoreHiddenRows) { do { f[displayedCount++%2](cRow,className); } while (cRow=tbrows[++cRowIndex]) } else { do { if (!isHidden(cRow)) { f[displayedCount++%2](cRow,className); } } while (cRow=tbrows[++cRowIndex]) } } } }; /** * Build up a list of unique values in a table column */ table.getUniqueColValues = function(t,col) { var values={}, bodies = this.resolve(t).tBodies; for (var i=0,L=bodies.length; i<L; i++) { var tbody = bodies[i]; for (var r=0,L2=tbody.rows.length; r<L2; r++) { values[this.getCellValue(tbody.rows[r].cells[col])] = true; } } var valArray = []; for (var val in values) { valArray.push(val); } return valArray.sort(); }; /** * Scan the document on load and add sorting, filtering, paging etc ability automatically * based on existence of class names on the table and cells. */ table.auto = function(args) { var cells = [], tables = document.getElementsByTagName("TABLE"); var val,tdata; if (tables!=null) { for (var i=0,L=tables.length; i<L; i++) { var t = table.resolve(tables[i]); tdata = table.tabledata[t.id]; if (val=classValue(t,table.StripeClassNamePrefix)) { tdata.stripeclass=val; } // Do auto-filter if necessary if (hasClass(t,table.AutoFilterClassName)) { table.autofilter(t); } // Do auto-page if necessary if (val = classValue(t,table.AutoPageSizePrefix)) { table.autopage(t,{'pagesize':+val}); } // Do auto-sort if necessary if ((val = classValue(t,table.AutoSortColumnPrefix)) || (hasClass(t,table.AutoSortClassName))) { table.autosort(t,{'col':(val==null)?null:+val}); } // Do auto-stripe if necessary if (tdata.stripeclass && hasClass(t,table.AutoStripeClassName)) { table.stripe(t); } } } }; /** * Add sorting functionality to a table header cell */ table.autosort = function(t,args) { t = this.resolve(t,args); var tdata = this.tabledata[t.id]; this.processTableCells(t, "THEAD", function(c) { var type = classValue(c,table.SortableColumnPrefix); if (type!=null) { type = type || "default"; c.title =c.title || table.AutoSortTitle; addClass(c,table.SortableClassName); c.onclick = Function("","Table.sort(this,{'sorttype':Sort['"+type+"']})"); // If we are going to auto sort on a column, we need to keep track of what kind of sort it will be if (args.col!=null) { if (args.col==table.getActualCellIndex(c)) { tdata.sorttype=Sort['"+type+"']; } } } } ); if (args.col!=null) { table.sort(t,args); } }; /** * Add paging functionality to a table */ table.autopage = function(t,args) { t = this.resolve(t,args); var tdata = this.tabledata[t.id]; if (tdata.pagesize) { this.processTableCells(t, "THEAD,TFOOT", function(c) { var type = classValue(c,table.AutoPageJumpPrefix); if (type=="next") { type = 1; } else if (type=="previous") { type = -1; } if (type!=null) { c.onclick = Function("","Table.pageJump(this,"+type+")"); } } ); if (val = classValue(t,table.PageNumberPrefix)) { tdata.container_number = document.getElementById(val); } if (val = classValue(t,table.PageCountPrefix)) { tdata.container_count = document.getElementById(val); } return table.page(t,0,args); } }; /** * A util function to cancel bubbling of clicks on filter dropdowns */ table.cancelBubble = function(e) { e = e || window.event; if (typeof(e.stopPropagation)=="function") { e.stopPropagation(); } if (def(e.cancelBubble)) { e.cancelBubble = true; } }; /** * Auto-filter a table */ table.autofilter = function(t,args) { args = args || {}; t = this.resolve(t,args); var tdata = this.tabledata[t.id],val; table.processTableCells(t, "THEAD", function(cell) { if (hasClass(cell,table.FilterableClassName)) { var cellIndex = table.getCellIndex(cell); var colValues = table.getUniqueColValues(t,cellIndex); if (colValues.length>0) { if (typeof(args.insert)=="function") { func.insert(cell,colValues); } else { var sel = '<select onchange="Table.filter(this,this)" onclick="Table.cancelBubble(event)" class="'+table.AutoFilterClassName+'"><option value="">'+table.FilterAllLabel+'</option>'; for (var i=0; i<colValues.length; i++) { sel += '<option value="'+colValues[i]+'">'+colValues[i]+'</option>'; } sel += '</select>'; cell.innerHTML += "<br>"+sel; } } } }); if (val = classValue(t,table.FilteredRowcountPrefix)) { tdata.container_filtered_count = document.getElementById(val); } if (val = classValue(t,table.RowcountPrefix)) { tdata.container_all_count = document.getElementById(val); } }; /** * Attach the auto event so it happens on load. * use jQuery's ready() function if available */ if (typeof(jQuery)!="undefined") { jQuery(table.auto); } else if (window.addEventListener) { window.addEventListener( "load", table.auto, false ); } else if (window.attachEvent) { window.attachEvent( "onload", table.auto ); } return table; })(); } 2013-04-21T14:04:57+09:00 1366520697 https://w.atwiki.jp/nobunyaganoyabou/pages/12.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Table Sorting, Filtering, Etc from JavascriptToolbox.com</title> <link rel="stylesheet" type="text/css" href="/css.php" media="all"> <script type="text/javascript" src="/main.js"></script> <script type="text/javascript" src="/includes/jquery.js"></script> <link type="text/css" rel="stylesheet" href="/includes/SyntaxHighlighter.css"></link> <script language="javascript" src="/includes/sh/shCore.js"></script> <script language="javascript" src="/includes/sh/shBrushJScript.js"></script> <script language="javascript">$(function() { dp.SyntaxHighlighter.HighlightAll('code'); });</script><script type="text/javascript" src="/libsource.php/table/source/[[table.js]]"></script> <link rel="stylesheet" type="text/css" href="table.css" media="all"> </head> <body> <table class="columns" cellspacing="0" border="0"> <tr> <td class="left" rowspan="2"> <div style="text-align:center;"><a href="/" title="Home"><img src="/logo5.gif" alt="Logo"></a></div> <div class='portlet'> <h5>Navigation</h5> <div class='pBody'> <a href="/" title="Home">Home</a> <a class="selected" href="/lib/" title="Libraries">Libraries</a> <a href="/gadget/" title="Gadgets">iGoogle Gadgets</a> <a href="/bestpractices/" title="Best Practices">Javascript Best Practices</a> <a href="/support/" title="Support">Support</a> <a href="/resources/" title="Javascript Resources">Resources / Links</a> <a href="/donate/" title="Donate To Support This Site">Donate!</a> <a href="/aboutme/" title="About Me">About Me</a> <a href="http://www.AjaxToolbox.com/" title="AJAX" target="_blank">AJAX Toolbox</a> </div> </div> <div class='portlet'> <h5>jQuery</h5> <div class='pBody'> <a href="/jquery/" title="jQuery Tips">jQuery Tips</a> <a href="/lib/contextmenu/" title="">Context Menu Plugin</a> <a href="/jquery/cheatsheet/" title="">jQuery Cheat Sheet</a> </div> </div> <div class='portlet'> <h5>Libraries</h5> <div class='pBody'> <a href="/lib/calendar/" title="">Calendar Popup</a> <a href="/lib/checkboxgroup/" title="">Checkbox Group</a> <a href="/lib/datadumper/" title="">Data Dumper</a> <a href="/lib/validations/" title="">Data Validation</a> <a href="/lib/date/" title="">Date Functions</a> <a href="/lib/mktree/" title="">DHTML Tree</a> <a href="/lib/dragiframe/" title="">Draggable Iframes</a> <a href="/lib/dynamicoptionlist/" title="">Dependent Select Boxes</a> <a href="/lib/form/" title="">Form Functions</a> <a href="/lib/objectposition/" title="">Object Position</a> <a href="/lib/optiontransfer/" title="">Option Transfer</a> <a href="/lib/popup/" title="">Popups (In-Page DIV)</a> <a href="/lib/selectbox/" title="">Selectbox Functions</a> <a class="selected" href="/lib/table/" title="">Table Sorting And Utils</a> <a href="/lib/util/" title="">Util/DOM/CSS/Event</a> </div> </div> <h5>doctype [<a href="#" onClick="alert('Since some web browsers use the DOCTYPE of a document to switch between Quirks or Standards mode, some code may have different behavior depending on the DOCTYPE specified. These links allow pages to be tested using strict, loose, or no doctype at all for compatability testing.'); return false;" title="What's This?">?</a>]</h5> [<a href="?doctype=strict">strict</a>] [<a href="?doctype=loose">loose</a>] [<a href="?doctype=none">none</a>] </td> <td class="header" colspan="2"> <div id="searchbox"><form method="get" action="http://www.google.com/custom"><input type="hidden" name="domains" value="javascripttoolbox.com"><input class="search" type="text" name="q" size="15" maxlength="255" value="Search!" onClick="this.style.color='black';this.value='';"><input type="submit" name="sa" value="go"><input type="hidden" name="sitesearch" value="javascripttoolbox.com"><input type="hidden" name="client" value="pub-9155030588311591"><input type="hidden" name="forid" value="1"><input type="hidden" name="ie" value="ISO-8859-1"><input type="hidden" name="oe" value="ISO-8859-1"><input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#AAAAAA;VLC:663399;AH:center;BGC:FFFFFF;LBGC:C2DDF4;ALC:002BB8;LC:002BB8;T:000000;GFNT:AAAAAA;GIMP:AAAAAA;LH:50;LW:588;L:http://www.javascripttoolbox.com/search_header.gif;S:http://www.JavascriptToolbox.com/;FORID:1;"><input type="hidden" name="hl" value="en"></form></div> <h1>Table Sorting, Filtering, Etc - <span class="beta_tag">BETA!</span></h1> </td> </tr> <tr> <td class="middle"><div class="corner cornerul"></div><div class="body"> <div class="tabContainer"> <div class="selected"><img src="/images/tabs/overview.gif" alt=""> Overview</div> <div><a href="examples.php"><img src="/images/tabs/examples.gif" alt=""> Examples</a></div> <div><a href="documentation.php"><img src="/images/tabs/documentation.gif" alt=""> Documentation</a></div> <div><a href="jquery.php"><img src="/images/tabs/jquery.gif" alt=""> jQuery</a></div> <div><a href="test.php"><img src="/images/tabs/test.gif" alt=""> Test Cases</a></div> <div><a href="notes.php"><img src="/images/tabs/notes.gif" alt=""> Notes</a></div> <div><a href="source.php"><img src="/images/tabs/source.gif" alt=""> Source</a></div> </div> <div class="tabcontent"><br> <p> Tabular data in table form is common on web sites and web applications, and a common requirement is to manipulate the data tables on the client side, rather than going back to the server to sort, filter, page, etc. This library offers the key functionality that is typical - the most common of which is client-side table sorting. </p> <p> Some of the key features of this library are: <ul> <li>Sorting is <b>fast</b>. Much faster than most other libraries, due to a number of optimizations <li>Rowspan and Colspan in headers will not confuse the code <li>Alternate row coloring (a common item) is handled by re-shading after sorting or filtering <li>Tbody contents are handled separately, so there can be separate sortable sections of a table <li>Easy CSS classes are applied to cells after filtering, sorting, etc which you can hook into from your CSS rules to show the sorted column or the cells which are filtered. </ul> </p> <h2>Unobtrusive Client-Side Table Sorting, Filtering, and Paging Example</h2> <p> All of the functionality in these tables was accomplished by simply inserting class names. </p> <p> <b>Absolutely no javascript coding was required!</b> </p> <br> <table id="t1" class="example table-autosort table-autofilter table-autopage:10 table-stripeclass:alternate table-page-number:t1page table-page-count:t1pages table-filtered-rowcount:t1filtercount table-rowcount:t1allcount"> <thead> <tr> <th class="table-filterable table-sortable:numeric">Index</th> <th class="table-sortable:numeric">Numeric</th> <th class="table-filterable table-sortable:default">Text</th> <th class="table-sortable:currency">Currency</th> <th class="table-sortable:date">Date</th> </tr> </thead> <tbody> <tr> <td>0</td> <td>599.9</td> <td>Bill</td> <td>$40.94</td> <td>2015-02-26</td> </tr> <tr class="alternate"> <td>1</td> <td>962.3</td> <td>Joe</td> <td>$71.34</td> <td>2015-10-16</td> </tr> <tr> <td>2</td> <td>263.2</td> <td>Bob</td> <td>$22.24</td> <td>2014-03-21</td> </tr> <tr class="alternate"> <td>3</td> <td>23.7</td> <td>Matt</td> <td>$91.04</td> <td>2015-03-25</td> </tr> <tr> <td>4</td> <td>558.7</td> <td>Bill</td> <td>$86.54</td> <td>2014-01-25</td> </tr> <tr class="alternate"> <td>5</td> <td>520.4</td> <td>Joe</td> <td>$76.84</td> <td>2014-08-11</td> </tr> <tr> <td>6</td> <td>947.3</td> <td>Bob</td> <td>$43.24</td> <td>2014-01-15</td> </tr> <tr class="alternate"> <td>7</td> <td>707</td> <td>Matt</td> <td>$34.94</td> <td>2016-02-11</td> </tr> <tr> <td>8</td> <td>519.7</td> <td>Bill</td> <td>$54.94</td> <td>2015-08-21</td> </tr> <tr class="alternate"> <td>9</td> <td>531</td> <td>Joe</td> <td>$14.34</td> <td>2015-02-27</td> </tr> <tr> <td>10</td> <td>91.6</td> <td>Bob</td> <td>$74.34</td> <td>2013-04-15</td> </tr> <tr class="alternate"> <td>11</td> <td>726.4</td> <td>Matt</td> <td>$70.54</td> <td>2015-07-19</td> </tr> <tr> <td>12</td> <td>561.9</td> <td>Bill</td> <td>$96.94</td> <td>2016-03-31</td> </tr> <tr class="alternate"> <td>13</td> <td>901.2</td> <td>Joe</td> <td>$99.24</td> <td>2015-12-18</td> </tr> <tr> <td>14</td> <td>559.6</td> <td>Bob</td> <td>$55.14</td> <td>2015-07-15</td> </tr> <tr class="alternate"> <td>15</td> <td>851.9</td> <td>Matt</td> <td>$7.13</td> <td>2014-10-20</td> </tr> <tr> <td>16</td> <td>315.1</td> <td>Bill</td> <td>$1.93</td> <td>2016-03-02</td> </tr> <tr class="alternate"> <td>17</td> <td>597.9</td> <td>Joe</td> <td>$72.54</td> <td>2014-02-08</td> </tr> <tr> <td>18</td> <td>535.3</td> <td>Bob</td> <td>$24.54</td> <td>2015-11-05</td> </tr> <tr class="alternate"> <td>19</td> <td>322.2</td> <td>Matt</td> <td>$77.64</td> <td>2016-04-19</td> </tr> <tr> <td>20</td> <td>958.2</td> <td>Bill</td> <td>$86.84</td> <td>2015-06-27</td> </tr> <tr class="alternate"> <td>21</td> <td>3.6</td> <td>Joe</td> <td>$59.44</td> <td>2014-07-21</td> </tr> <tr> <td>22</td> <td>761.7</td> <td>Bob</td> <td>$15.64</td> <td>2014-06-14</td> </tr> <tr class="alternate"> <td>23</td> <td>741.5</td> <td>Matt</td> <td>$5.73</td> <td>2014-06-05</td> </tr> <tr> <td>24</td> <td>631.5</td> <td>Bill</td> <td>$61.64</td> <td>2016-03-04</td> </tr> <tr class="alternate"> <td>25</td> <td>386.9</td> <td>Joe</td> <td>$46.84</td> <td>2013-03-25</td> </tr> <tr> <td>26</td> <td>910</td> <td>Bob</td> <td>$78.34</td> <td>2013-04-15</td> </tr> <tr class="alternate"> <td>27</td> <td>864.9</td> <td>Matt</td> <td>$38.14</td> <td>2015-08-03</td> </tr> <tr> <td>28</td> <td>169</td> <td>Bill</td> <td>$91.74</td> <td>2013-03-12</td> </tr> <tr class="alternate"> <td>29</td> <td>21.6</td> <td>Joe</td> <td>$23.94</td> <td>2015-08-27</td> </tr> <tr> <td>30</td> <td>17.6</td> <td>Bob</td> <td>$19.74</td> <td>2015-03-27</td> </tr> <tr class="alternate"> <td>31</td> <td>756.7</td> <td>Matt</td> <td>$20.04</td> <td>2013-12-12</td> </tr> <tr> <td>32</td> <td>201.2</td> <td>Bill</td> <td>$96.24</td> <td>2014-06-10</td> </tr> <tr class="alternate"> <td>33</td> <td>614.2</td> <td>Joe</td> <td>$70.34</td> <td>2014-08-15</td> </tr> <tr> <td>34</td> <td>19.5</td> <td>Bob</td> <td>$33.54</td> <td>2013-05-28</td> </tr> <tr class="alternate"> <td>35</td> <td>975.7</td> <td>Matt</td> <td>$72.24</td> <td>2014-11-21</td> </tr> <tr> <td>36</td> <td>3.1</td> <td>Bill</td> <td>$63.24</td> <td>2014-03-15</td> </tr> <tr class="alternate"> <td>37</td> <td>48.9</td> <td>Joe</td> <td>$49.64</td> <td>2015-05-30</td> </tr> <tr> <td>38</td> <td>820.1</td> <td>Bob</td> <td>$66.54</td> <td>2015-02-22</td> </tr> <tr class="alternate"> <td>39</td> <td>836.3</td> <td>Matt</td> <td>$68.74</td> <td>2015-11-25</td> </tr> <tr> <td>40</td> <td>628.5</td> <td>Bill</td> <td>$70.54</td> <td>2013-05-10</td> </tr> <tr class="alternate"> <td>41</td> <td>288.1</td> <td>Joe</td> <td>$46.14</td> <td>2013-12-27</td> </tr> <tr> <td>42</td> <td>541.6</td> <td>Bob</td> <td>$66.24</td> <td>2013-11-13</td> </tr> <tr class="alternate"> <td>43</td> <td>950.7</td> <td>Matt</td> <td>$27.64</td> <td>2016-02-05</td> </tr> <tr> <td>44</td> <td>416.7</td> <td>Bill</td> <td>$29.64</td> <td>2013-12-27</td> </tr> <tr class="alternate"> <td>45</td> <td>499.2</td> <td>Joe</td> <td>$27.14</td> <td>2016-04-11</td> </tr> <tr> <td>46</td> <td>49.9</td> <td>Bob</td> <td>$27.44</td> <td>2015-02-09</td> </tr> <tr class="alternate"> <td>47</td> <td>383.8</td> <td>Matt</td> <td>$32.34</td> <td>2013-07-06</td> </tr> <tr> <td>48</td> <td>98.9</td> <td>Bill</td> <td>$14.34</td> <td>2015-08-16</td> </tr> <tr class="alternate"> <td>49</td> <td>730.5</td> <td>Joe</td> <td>$98.04</td> <td>2014-08-18</td> </tr> <tr> <td>50</td> <td>600.7</td> <td>Bob</td> <td>$60.84</td> <td>2013-09-10</td> </tr> <tr class="alternate"> <td>51</td> <td>667.6</td> <td>Matt</td> <td>$89.64</td> <td>2015-02-26</td> </tr> <tr> <td>52</td> <td>934.7</td> <td>Bill</td> <td>$43.84</td> <td>2014-01-31</td> </tr> <tr class="alternate"> <td>53</td> <td>163.7</td> <td>Joe</td> <td>$38.84</td> <td>2014-12-17</td> </tr> <tr> <td>54</td> <td>96.1</td> <td>Bob</td> <td>$80.54</td> <td>2015-11-24</td> </tr> <tr class="alternate"> <td>55</td> <td>363.3</td> <td>Matt</td> <td>$30.44</td> <td>2013-08-03</td> </tr> <tr> <td>56</td> <td>352</td> <td>Bill</td> <td>$35.44</td> <td>2014-06-17</td> </tr> <tr class="alternate"> <td>57</td> <td>972.4</td> <td>Joe</td> <td>$73.84</td> <td>2015-06-26</td> </tr> <tr> <td>58</td> <td>89.2</td> <td>Bob</td> <td>$83.74</td> <td>2015-12-09</td> </tr> <tr class="alternate"> <td>59</td> <td>871.3</td> <td>Matt</td> <td>$56.74</td> <td>2015-11-15</td> </tr> <tr> <td>60</td> <td>340.5</td> <td>Bill</td> <td>$16.84</td> <td>2014-08-19</td> </tr> <tr class="alternate"> <td>61</td> <td>514.1</td> <td>Joe</td> <td>$83.54</td> <td>2014-04-20</td> </tr> <tr> <td>62</td> <td>148.9</td> <td>Bob</td> <td>$77.04</td> <td>2015-09-09</td> </tr> <tr class="alternate"> <td>63</td> <td>446</td> <td>Matt</td> <td>$93.44</td> <td>2013-10-01</td> </tr> <tr> <td>64</td> <td>19.4</td> <td>Bill</td> <td>$3.03</td> <td>2016-04-20</td> </tr> <tr class="alternate"> <td>65</td> <td>888.7</td> <td>Joe</td> <td>$39.34</td> <td>2014-02-04</td> </tr> <tr> <td>66</td> <td>29.5</td> <td>Bob</td> <td>$74.54</td> <td>2015-03-21</td> </tr> <tr class="alternate"> <td>67</td> <td>444.7</td> <td>Matt</td> <td>$71.74</td> <td>2014-05-21</td> </tr> <tr> <td>68</td> <td>183.2</td> <td>Bill</td> <td>$80.64</td> <td>2013-11-13</td> </tr> <tr class="alternate"> <td>69</td> <td>65</td> <td>Joe</td> <td>$67.84</td> <td>2015-09-01</td> </tr> <tr> <td>70</td> <td>926.5</td> <td>Bob</td> <td>$1.83</td> <td>2016-03-13</td> </tr> <tr class="alternate"> <td>71</td> <td>395.9</td> <td>Matt</td> <td>$53.24</td> <td>2015-09-04</td> </tr> <tr> <td>72</td> <td>761.5</td> <td>Bill</td> <td>$68.14</td> <td>2014-12-12</td> </tr> <tr class="alternate"> <td>73</td> <td>564.7</td> <td>Joe</td> <td>$12.74</td> <td>2014-09-26</td> </tr> <tr> <td>74</td> <td>756.2</td> <td>Bob</td> <td>$14.64</td> <td>2014-10-30</td> </tr> <tr class="alternate"> <td>75</td> <td>752.7</td> <td>Matt</td> <td>$3.53</td> <td>2016-01-28</td> </tr> <tr> <td>76</td> <td>53.4</td> <td>Bill</td> <td>$6.43</td> <td>2015-04-07</td> </tr> <tr class="alternate"> <td>77</td> <td>708</td> <td>Joe</td> <td>$50.94</td> <td>2014-05-15</td> </tr> <tr> <td>78</td> <td>100.3</td> <td>Bob</td> <td>$69.24</td> <td>2013-10-03</td> </tr> <tr class="alternate"> <td>79</td> <td>329.3</td> <td>Matt</td> <td>$75.74</td> <td>2015-11-26</td> </tr> <tr> <td>80</td> <td>125.4</td> <td>Bill</td> <td>$68.34</td> <td>2015-12-16</td> </tr> <tr class="alternate"> <td>81</td> <td>89.1</td> <td>Joe</td> <td>$7.93</td> <td>2014-06-23</td> </tr> <tr> <td>82</td> <td>888.1</td> <td>Bob</td> <td>$84.14</td> <td>2013-06-19</td> </tr> <tr class="alternate"> <td>83</td> <td>456.9</td> <td>Matt</td> <td>$40.54</td> <td>2013-11-12</td> </tr> <tr> <td>84</td> <td>959.3</td> <td>Bill</td> <td>$16.14</td> <td>2014-05-01</td> </tr> <tr class="alternate"> <td>85</td> <td>491.3</td> <td>Joe</td> <td>$91.44</td> <td>2014-06-10</td> </tr> <tr> <td>86</td> <td>416</td> <td>Bob</td> <td>$96.84</td> <td>2014-08-24</td> </tr> <tr class="alternate"> <td>87</td> <td>85.6</td> <td>Matt</td> <td>$67.54</td> <td>2016-04-04</td> </tr> <tr> <td>88</td> <td>472.2</td> <td>Bill</td> <td>$77.64</td> <td>2015-04-13</td> </tr> <tr class="alternate"> <td>89</td> <td>665.2</td> <td>Joe</td> <td>$10.54</td> <td>2014-07-06</td> </tr> <tr> <td>90</td> <td>535.6</td> <td>Bob</td> <td>$23.04</td> <td>2013-07-05</td> </tr> <tr class="alternate"> <td>91</td> <td>424</td> <td>Matt</td> <td>$31.94</td> <td>2013-10-05</td> </tr> <tr> <td>92</td> <td>844.4</td> <td>Bill</td> <td>$20.84</td> <td>2013-04-03</td> </tr> <tr class="alternate"> <td>93</td> <td>945.8</td> <td>Joe</td> <td>$66.44</td> <td>2014-07-16</td> </tr> <tr> <td>94</td> <td>174.1</td> <td>Bob</td> <td>$62.44</td> <td>2015-01-19</td> </tr> <tr class="alternate"> <td>95</td> <td>548.6</td> <td>Matt</td> <td>$11.54</td> <td>2014-10-12</td> </tr> <tr> <td>96</td> <td>958</td> <td>Bill</td> <td>$53.14</td> <td>2014-09-04</td> </tr> <tr class="alternate"> <td>97</td> <td>431.8</td> <td>Joe</td> <td>$61.64</td> <td>2013-08-25</td> </tr> <tr> <td>98</td> <td>414.5</td> <td>Bob</td> <td>$8.83</td> <td>2016-02-08</td> </tr> <tr class="alternate"> <td>99</td> <td>89.4</td> <td>Matt</td> <td>$75.44</td> <td>2013-04-08</td> </tr> <tr> <td>100</td> <td>521.3</td> <td>Bill</td> <td>$28.94</td> <td>2013-12-31</td> </tr> <tr class="alternate"> <td>101</td> <td>636.6</td> <td>Joe</td> <td>$71.34</td> <td>2015-01-05</td> </tr> <tr> <td>102</td> <td>831.2</td> <td>Bob</td> <td>$55.84</td> <td>2015-09-02</td> </tr> <tr class="alternate"> <td>103</td> <td>866.6</td> <td>Matt</td> <td>$50.34</td> <td>2014-08-09</td> </tr> <tr> <td>104</td> <td>307.4</td> <td>Bill</td> <td>$67.74</td> <td>2013-05-31</td> </tr> </tbody> <tfoot> <tr> <td>tfoot</td> <td>tfoot</td> <td>tfoot</td> <td>tfoot</td> <td>tfoot</td> </tr> <tr> <td class="table-page:previous" style="cursor:pointer;">&lt; &lt; Previous</td> <td colspan="3" style="text-align:center;">Page <span id="t1page"></span>&nbsp;of <span id="t1pages"></span></td> <td class="table-page:next" style="cursor:pointer;">Next &gt; &gt;</td> </tr> <tr> <td colspan="5"><span id="t1filtercount"></span>&nbsp;of <span id="t1allcount"></span>&nbsp;rows match filter(s)</td> </tfoot> </table> <br> <table id="t2" class="example altstripe sort01 table-autostripe table-autosort:2 table-stripeclass:alternate2"> <thead> <tr> <th class="table-filterable table-sortable:numeric">Index</th> <th class="table-sortable:numeric">Numeric</th> <th class="table-filterable table-sortable:default">Text</th> <th class="table-sortable:currency">Currency</th> <th class="table-sortable:date">Date</th> </tr> </thead> <tbody> <tr> <td>0</td> <td>909.6</td> <td>Bill</td> <td>$22.64</td> <td>2013-10-10</td> </tr> <tr> <td>1</td> <td>426</td> <td>Joe</td> <td>$18.44</td> <td>2015-06-17</td> </tr> <tr> <td>2</td> <td>909.9</td> <td>Bob</td> <td>$61.64</td> <td>2014-03-30</td> </tr> <tr> <td>3</td> <td>69.1</td> <td>Matt</td> <td>$3.03</td> <td>2014-07-10</td> </tr> <tr> <td>4</td> <td>4</td> <td>Mark</td> <td>$11.94</td> <td>2013-09-28</td> </tr> <tr> <td>5</td> <td>44</td> <td>Tom</td> <td>$64.14</td> <td>2014-08-28</td> </tr> <tr> <td>6</td> <td>314.2</td> <td>Jake</td> <td>$27.74</td> <td>2013-09-30</td> </tr> <tr> <td>7</td> <td>903.8</td> <td>Greg</td> <td>$10.84</td> <td>2015-07-08</td> </tr> <tr> <td>8</td> <td>700.9</td> <td>Adam</td> <td>$97.54</td> <td>2013-12-10</td> </tr> <tr> <td>9</td> <td>162.3</td> <td>Steve</td> <td>$28.24</td> <td>2016-02-01</td> </tr> </tbody> <tfoot> <tr> <td>tfoot</td> <td>tfoot</td> <td>tfoot</td> <td>tfoot</td> <td>tfoot</td> </tr> </tfoot> </table> </div> </div> </td> <td class="right" id="googleAds"> <script type="text/javascript"><!-- google_ad_client = "pub-9155030588311591"; /* 120x600, created 3/16/09 */ google_ad_slot = "5069391977"; google_ad_width = 120; google_ad_height = 600; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </td> </tr> <tr> <td class="footer" colspan="3"><img src="/bullet-bolt.gif" alt="Logo">&nbsp;All Contents Copyright &copy; <a href="http://www.mattkruse.com/">Matt Kruse</a></td> </tr> </table> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-6382940-7"); pageTracker._trackPageview(); } catch(err) {}</script> </body> </html> 2013-04-21T04:59:46+09:00 1366487986 https://w.atwiki.jp/nobunyaganoyabou/pages/11.html #html2(){{{{{{ <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Keywords" content="信喵之野望,のぶニャがの野望,nobunyaga,信喵武將,喵卡,特技"> <meta property="og:title" content="信喵研究所 - 信喵之野望情報站" /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://cat.e72play.com/" /> <meta property="og:image" content="http://cat.e72play.com/img/cat_title.jpg" /> <title>信喵研究所 - 信喵之野望情報站</title> <link rel="shortcut icon" href="http://cat.e72play.com/favicon.ico" /> <link rel="stylesheet" type="text/css" href="http://cat.e72play.com/css/reset.css" /> <link rel="stylesheet" type="text/css" href="http://cat.e72play.com/css/style.css?v0408" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="http://cat.e72play.com/js/setrank.min.js?v0408"></script> <script type="text/javascript" src="http://cat.e72play.com/js/getcards.min.js?v0408"></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-19352399-1']); _gaq.push(['_setDomainName', 'e72play.com']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script></head> <body> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/zh_TW/all.js#xfbml=1&appId=352819878114193"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div id="container"> <div id="top_bar"> <ul id="social_share"> <li><div class="fb-like" data-href="http://cat.e72play.com/" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false"></div></li> </ul> <ul id="top_link"> <li><a href="http://cat.e72play.com/">首頁</a>｜</li> <li><a href="http://cat.wasabii.com.tw/cat_login/gate.aspx" target="_blank">登入遊戲</a>｜</li> <li><a href="http://cat.wasabii.com.tw/" target="_blank">信喵之野望官方網站</a>｜</li> <li><a href="http://www.wasabii.com.tw/" target="_blank">Wasabii</a>｜</li> <li><a href="http://www.gamecity.ne.jp/" target="_blank">TECMO KOEI</a></li> </ul> </div> <div id="header"> <div id="col_search"> <ul id="search_criteria"> <li class="short"><label for="q_rarity">等級</label> <select name="rarity" id="q_rarity"> <option value="NA">--</option> <option value="普">普</option> <option value="珍">珍</option> <option value="稀">稀</option> <option value="極">極</option> <option value="寶">寶</option> <option value="譽">譽</option> </select></li> <li class="short"><label for="q_property">屬性</label> <select name="property" id="q_property"> <option value="NA">--</option> <option value="火">火</option> <option value="地">地</option> <option value="風">風</option> <option value="水">水</option> <option value="空">空</option> </select></li> <li class="clear short"><label for="q_army">兵種</label> <select name="army" id="q_army"> <option value="NA">--</option> <option value="足輕">足輕</option> <option value="騎馬">騎馬</option> <option value="鐵砲">鐵砲</option> </select></li> <li class="short"><label for="q_class">職</label> <select name="class" id="q_class"> <option value="NA">--</option> <option value="武士">武士</option> <option value="軍師">軍師</option> <option value="姬">姬</option> <option value="忍者">忍者</option> <option value="劍豪">劍豪</option> <option value="傾奇">傾奇</option> <option value="僧侶">僧侶</option> <option value="茶人">茶人</option> <option value="水軍">水軍</option> </select></li> <li class="clear short"><label for="q_cost">COST</label> <select name="cost" id="q_cost"> <option value="NA">--</option> <option value="1">1.0</option> <option value="1.5">1.5</option> <option value="2">2.0</option> <option value="2.5">2.5</option> <option value="3">3.0</option> <option value="4">4.0</option> </select></li> <li class="short"><label for="q_draw">喵籤</label> <select name="draw" id="q_draw"> <option value="NA">--</option> <option value="t">喵籤‧特</option> <option value="c">喵籤‧改</option> <option value="n">喵籤</option> <option value="f">喵籤‧福</option> <option value="g">喵籤‧吉</option> </select></li> <li class="clear short"><label for="q_gender">性別</label> <select name="gender" id="q_gender"> <option value="NA">--</option> <option value="F">母貓</option> <option value="M">公貓</option> </select></li> <li class="short"><label for="q_version">版本</label> <select name="version" id="q_version"> <option value="NA">--</option> <option value="決戦！関ヶ原">決戦！関ヶ原</option> <option value="秘剣・猫の太刀">秘剣・猫の太刀</option> <option value="甲斐の黒駒">甲斐の黒駒</option> <option value="海貓">海貓</option> <option value="愛之一字">愛之一字</option> <option value="風雲安土城">風雲安土城</option> <option value="衝鋒吧！柴田">衝鋒吧！柴田</option> <option value="剛勇鎮西一">剛勇鎮西一</option> <option value="坂東太郎">坂東太郎</option> <option value="茶之心">茶之心</option> <option value="夫婦善哉">夫婦善哉</option> <option value="下剋上">下剋上</option> <option value="巖流島">巖流島</option> <option value="土佐的鬼若子">土佐的鬼若子</option> <option value="奧之喵道">奧之喵道</option> <option value="近畿喵小子">近畿喵小子</option> <option value="九州三國志">九州三國志</option> <option value="孤高的求道者">孤高的求道者</option> <option value="激戰！川中島">激戰！川中島</option> <option value="《活動獎勵》">《活動獎勵》</option> </select></li> <li class="clear short"><label for="q_skill">特技</label> <select name="skill" id="q_skill"> <option value="NA">--</option> <option value="一心">一心</option> <option value="二天一流">二天一流</option> <option value="八咫烏">八咫烏</option> <option value="刀狩">刀狩</option> <option value="十文字槍">十文字槍</option> <option value="三日天下">三日天下</option> <option value="三河的老狸貓">三河的老狸貓</option> <option value="三段射擊">三段射擊</option> <option value="士氣昂揚">士氣昂揚</option> <option value="大一大萬大吉">大一大萬大吉</option> <option value="大山積的神威">大山積的神威</option> <option value="大不便者">大不便者</option> <option value="大安宅的砲擊">大安宅的砲擊</option> <option value="大返還">大返還</option> <option value="大信義">大信義</option> <option value="大膽無畏">大膽無畏</option> <option value="女英傑">女英傑</option> <option value="小豆袋">小豆袋</option> <option value="小荷馱">小荷馱</option> <option value="山勘">山勘</option> <option value="山陰的驍將">山陰的驍將</option> <option value="川中島之激戰">川中島之激戰</option> <option value="井伊的赤鬼">井伊的赤鬼</option> <option value="內助之功">內助之功</option> <option value="反擊">反擊</option> <option value="天下大盜">天下大盜</option> <option value="天下無雙">天下無雙</option> <option value="幻術">幻術</option> <option value="月影">月影</option> <option value="木天蓼">木天蓼</option> <option value="比翼鳥">比翼鳥</option> <option value="火攻">火攻</option> <option value="以牙還牙">以牙還牙</option> <option value="必中">必中</option> <option value="必殺">必殺</option> <option value="本能寺之變">本能寺之變</option> <option value="母儀天下">母儀天下</option> <option value="甲州流兵法">甲州流兵法</option> <option value="甲斐之虎">甲斐之虎</option> <option value="石火矢">石火矢</option> <option value="伊賀流護身法">伊賀流護身法</option> <option value="伏兵">伏兵</option> <option value="伏兵看破">伏兵看破</option> <option value="先驅">先驅</option> <option value="地黃八幡">地黃八幡</option> <option value="守護">守護</option> <option value="安宅船">安宅船</option> <option value="早合">早合</option> <option value="百發百中">百發百中</option> <option value="竹束">竹束</option> <option value="兵貴神速">兵貴神速</option> <option value="坂東太郎">坂東太郎</option> <option value="庇護">庇護</option> <option value="投石">投石</option> <option value="迅速">迅速</option> <option value="侍筒">侍筒</option> <option value="侘茶">侘茶</option> <option value="兩兵衛的指揮">兩兵衛的指揮</option> <option value="奇襲">奇襲</option> <option value="姊川之團結">姊川之團結</option> <option value="宗三左文字">宗三左文字</option> <option value="拔刀術">拔刀術</option> <option value="明鏡止水">明鏡止水</option> <option value="河越之夜襲">河越之夜襲</option> <option value="治療">治療</option> <option value="狙擊">狙擊</option> <option value="直江狀">直江狀</option> <option value="空蟬之術">空蟬之術</option> <option value="肥前之熊">肥前之熊</option> <option value="表裏比興">表裏比興</option> <option value="長刀術">長刀術</option> <option value="雨火繩">雨火繩</option> <option value="信義仁">信義仁</option> <option value="品茗">品茗</option> <option value="威風凜凜">威風凜凜</option> <option value="威嚇射擊">威嚇射擊</option> <option value="威壓">威壓</option> <option value="威壓‧改">威壓‧改</option> <option value="怒髮">怒髮</option> <option value="政母樣">政母樣</option> <option value="活命">活命</option> <option value="活法">活法</option> <option value="相模的獅子">相模的獅子</option> <option value="突擊">突擊</option> <option value="美濃蝮蛇">美濃蝮蛇</option> <option value="若御台">若御台</option> <option value="軍師的智謀">軍師的智謀</option> <option value="軍神">軍神</option> <option value="軍配">軍配</option> <option value="風來坊">風來坊</option> <option value="風流人">風流人</option> <option value="剛勇鎮西一">剛勇鎮西一</option> <option value="姬武者">姬武者</option> <option value="海道第一弓取">海道第一弓取</option> <option value="真田丸">真田丸</option> <option value="砲術">砲術</option> <option value="破瓶">破瓶</option> <option value="神之恩惠">神之恩惠</option> <option value="神出鬼沒">神出鬼沒</option> <option value="逆襲">逆襲</option> <option value="陣中見舞">陣中見舞</option> <option value="陣太鼓">陣太鼓</option> <option value="陣布令">陣布令</option> <option value="陣羽織">陣羽織</option> <option value="馬沓">馬沓</option> <option value="馬迴眾">馬迴眾</option> <option value="高砂">高砂</option> <option value="鬼半藏">鬼半藏</option> <option value="鬼若子">鬼若子</option> <option value="鬼島津">鬼島津</option> <option value="掩護射擊">掩護射擊</option> <option value="眼力">眼力</option> <option value="第六天魔王">第六天魔王</option> <option value="逗貓">逗貓</option> <option value="連擊">連擊</option> <option value="野之虎">野之虎</option> <option value="陰德太平記">陰德太平記</option> <option value="喝破">喝破</option> <option value="單騎闖陣">單騎闖陣</option> <option value="智勇兼備">智勇兼備</option> <option value="渾身">渾身</option> <option value="湯泡飯">湯泡飯</option> <option value="焙烙玉">焙烙玉</option> <option value="策士">策士</option> <option value="越後之龍">越後之龍</option> <option value="傳令">傳令</option> <option value="愛之一字">愛之一字</option> <option value="慈母的微笑">慈母的微笑</option> <option value="慈愛之心">慈愛之心</option> <option value="新陰流無形">新陰流無形</option> <option value="暗殺術">暗殺術</option> <option value="禁錮">禁錮</option> <option value="萬念皆空">萬念皆空</option> <option value="鼓舞">鼓舞</option> <option value="夢見鳥">夢見鳥</option> <option value="臺子點前">臺子點前</option> <option value="與一之弓">與一之弓</option> <option value="蜻蜓切">蜻蜓切</option> <option value="劍術指南">劍術指南</option> <option value="劍豪將軍">劍豪將軍</option> <option value="劍禪一如">劍禪一如</option> <option value="德之心">德之心</option> <option value="數奇者">數奇者</option> <option value="潑沙">潑沙</option> <option value="潛力">潛力</option> <option value="熟練">熟練</option> <option value="緩兵">緩兵</option> <option value="蝮蛇的睥睨">蝮蛇的睥睨</option> <option value="衝鋒柴田">衝鋒柴田</option> <option value="豬武士">豬武士</option> <option value="魅惑">魅惑</option> <option value="橫槍">橫槍</option> <option value="燕歸來">燕歸來</option> <option value="獨眼龍">獨眼龍</option> <option value="磨爪">磨爪</option> <option value="築城術">築城術</option> <option value="謀將">謀將</option> <option value="貓叫聲">貓叫聲</option> <option value="貓足">貓足</option> <option value="貓柳">貓柳</option> <option value="貓餌">貓餌</option> <option value="鴛鴦夫婦">鴛鴦夫婦</option> <option value="隱忍自重">隱忍自重</option> <option value="獵虎">獵虎</option> <option value="藥學知識">藥學知識</option> <option value="警固眾">警固眾</option> <option value="鐵砲狹間">鐵砲狹間</option> <option value="うわばみ">うわばみ</option> <option value="おてんば">おてんば</option> <option value="ぼっけもん">ぼっけもん</option> <option value="マムシ酒">マムシ酒</option> <option value="一ノ太刀">一ノ太刀</option> <option value="不如帰">不如帰</option> <option value="五輪書">五輪書</option> <option value="毛づくろい">毛づくろい</option> <option value="甲斐の黒駒">甲斐の黒駒</option> <option value="海賊の棒火矢">海賊の棒火矢</option> <option value="疾風船">疾風船</option> <option value="逃げ弾正">逃げ弾正</option> <option value="検地奉行">検地奉行</option> <option value="鉄盾">鉄盾</option> <option value="雌獅子">雌獅子</option> <option value="薩摩隼人">薩摩隼人</option> </select></li> <li class="short"><label for="q_faction">陣營</label> <select name="faction" id="q_faction"> <option value="NA">--</option> <option value="一色">一色</option> <option value="一條">一條</option> <option value="三好">三好</option> <option value="上杉">上杉</option> <option value="大内">大内</option> <option value="大友">大友</option> <option value="大谷">大谷</option> <option value="大浦">大浦</option> <option value="小早川">小早川</option> <option value="山内">山内</option> <option value="井伊">井伊</option> <option value="今川">今川</option> <option value="六角">六角</option> <option value="戶澤">戶澤</option> <option value="毛利">毛利</option> <option value="片倉">片倉</option> <option value="北條">北條</option> <option value="尼子">尼子</option> <option value="本多">本多</option> <option value="本願寺">本願寺</option> <option value="立花">立花</option> <option value="伊賀">伊賀</option> <option value="伊達">伊達</option> <option value="吉川">吉川</option> <option value="吉弘">吉弘</option> <option value="名古屋">名古屋</option> <option value="宇喜多">宇喜多</option> <option value="安東">安東</option> <option value="成田">成田</option> <option value="有馬">有馬</option> <option value="佐竹">佐竹</option> <option value="村上">村上</option> <option value="足利">足利</option> <option value="里見">里見</option> <option value="京極">京極</option> <option value="姊小路">姊小路</option> <option value="明智">明智</option> <option value="松前">松前</option> <option value="武田">武田</option> <option value="直江">直江</option> <option value="長宗我部">長宗我部</option> <option value="長野">長野</option> <option value="阿蘇">阿蘇</option> <option value="前田">前田</option> <option value="南部">南部</option> <option value="津輕">津輕</option> <option value="相馬">相馬</option> <option value="秋田">秋田</option> <option value="島津">島津</option> <option value="柴田">柴田</option> <option value="真田">真田</option> <option value="荒木">荒木</option> <option value="鬼庭">鬼庭</option> <option value="淺井">淺井</option> <option value="細川">細川</option> <option value="最上">最上</option> <option value="朝倉">朝倉</option> <option value="結城">結城</option> <option value="黑田">黑田</option> <option value="蒲生">蒲生</option> <option value="德川">德川</option> <option value="諏訪">諏訪</option> <option value="興福寺">興福寺</option> <option value="龍造寺">龍造寺</option> <option value="鍋島">鍋島</option> <option value="齋藤">齋藤</option> <option value="織田">織田</option> <option value="豐臣">豐臣</option> <option value="雜賀">雜賀</option> <option value="蘆名">蘆名</option> </select></li> <li class="clear"> <label for="q_rank">排序</label> <div id="rank_box"> <input type="text" name="rank_text" id="rank_text" readonly="readonly" value="數值屬性選擇" /> <div id="rank_select"> <ul> <li>【Lv00】 <input type="checkbox" name="rank[]" value="att_min" /><span>攻</span> <input type="checkbox" name="rank[]" value="def_min" /><span>防</span> <input type="checkbox" name="rank[]" value="spd_min" /><span>速</span> <input type="checkbox" name="rank[]" value="mor_min" /><span>德</span> <input type="checkbox" name="rank[]" value="tat_min" /><span>策</span> <input type="checkbox" name="rank[]" id="rank_total_min" value="total_min" /><span>總和</span> </li> <li>【Lv20】 <input type="checkbox" name="rank[]" value="att_max" /><span>攻</span> <input type="checkbox" name="rank[]" value="def_max" /><span>防</span> <input type="checkbox" name="rank[]" value="spd_max" /><span>速</span> <input type="checkbox" name="rank[]" value="mor_max" /><span>德</span> <input type="checkbox" name="rank[]" value="tat_max" /><span>策</span> <input type="checkbox" name="rank[]" id="rank_total_max" value="total_max" /><span>總和</span> </li> </ul> <button type="button" name="btn_rank" id="btn_rank">確定</button> </div> </div> </li> <li class="clear"><label for="q_keyword">關鍵字</label> <input type="text" name="keyword" id="q_keyword" maxlength="10" value="" /></li> </ul> <div id="btn_search"> <button type="button" name="btnQuery" id="btnQuery" data-rel="http://cat.e72play.com/card/get_cards" title="搜尋喵卡"></button> </div> </div> <div id="col_ads"> <script type="text/javascript"><!-- google_ad_client = "ca-pub-0812550164094090"; /* 信喵研究所 300x250 */ google_ad_slot = "3520012783"; google_ad_width = 300; google_ad_height = 250; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div> <div id="content" class="wrap"> <table id="tb_card"> <thead> <tr> <th>等級</th> <th>卡號</th> <th>卡片名</th> <th>屬性</th> <th>兵種</th> <th>職 </th> <th>COST</th> <th>攻</th> <th>防</th> <th>速</th> <th>德</th> <th>策</th> <th>總合</th> </tr> </thead> <tbody> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1001</td> <td><a href="http://cat.e72play.com/card/view/1001/%E4%B8%8A%E6%9D%89%E5%96%B5%E4%BF%A1" title="上杉謙信">上杉喵信</a></td> <td><span class="ico_p ico_p_fire"></span>火</td> <td><span class="ico_a ico_a_horse">騎馬</span></td> <td>武士</td> <td>3.0</td> <td>97<span class="lv20">197</span></td> <td>75<span class="lv20">140</span></td> <td>84<span class="lv20">164</span></td> <td>77<span class="lv20">142</span></td> <td>91<span class="lv20">166</span></td> <td>424<span class="lv20">809</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1002</td> <td><a href="http://cat.e72play.com/card/view/1002/%E9%98%BF%E5%B8%82%E5%96%B5" title="阿市">阿市喵</a></td> <td><span class="ico_p ico_p_water"></span>水</td> <td><span class="ico_a ico_a_infantry">足輕</span></td> <td>姬</td> <td>3.0</td> <td>74<span class="lv20">144</span></td> <td>84<span class="lv20">164</span></td> <td>82<span class="lv20">162</span></td> <td>98<span class="lv20">198</span></td> <td>73<span class="lv20">143</span></td> <td>411<span class="lv20">811</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1003</td> <td><a href="http://cat.e72play.com/card/view/1003/%E7%B9%94%E7%94%B0%E4%BF%A1%E5%96%B5" title="織田信長">織田信喵</a></td> <td><span class="ico_p ico_p_fire"></span>火</td> <td><span class="ico_a ico_a_gun">鐵砲</span></td> <td>武士</td> <td>3.0</td> <td>96<span class="lv20">186</span></td> <td>91<span class="lv20">166</span></td> <td>87<span class="lv20">162</span></td> <td>62<span class="lv20">137</span></td> <td>83<span class="lv20">158</span></td> <td>419<span class="lv20">809</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1004</td> <td><a href="http://cat.e72play.com/card/view/1004/%E7%9C%9F%E7%94%B0%E5%B9%B8%E5%96%B5" title="真田幸村">真田幸喵</a></td> <td><span class="ico_p ico_p_fire"></span>火</td> <td><span class="ico_a ico_a_horse">騎馬</span></td> <td>武士</td> <td>2.5</td> <td>94<span class="lv20">184</span></td> <td>70<span class="lv20">115</span></td> <td>72<span class="lv20">117</span></td> <td>75<span class="lv20">135</span></td> <td>80<span class="lv20">130</span></td> <td>391<span class="lv20">681</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1005</td> <td><a href="http://cat.e72play.com/card/view/1005/%E5%B3%B6%E6%B4%A5%E8%B2%93%E5%BC%98" title="島津義弘">島津貓弘</a></td> <td><span class="ico_p ico_p_earth"></span>地</td> <td><span class="ico_a ico_a_horse">騎馬</span></td> <td>武士</td> <td>3.0</td> <td>90<span class="lv20">180</span></td> <td>93<span class="lv20">193</span></td> <td>79<span class="lv20">149</span></td> <td>81<span class="lv20">131</span></td> <td>82<span class="lv20">157</span></td> <td>425<span class="lv20">810</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1006</td> <td><a href="http://cat.e72play.com/card/view/1006/%E6%AD%A6%E7%94%B0%E5%96%B5%E7%8E%84" title="武田信玄">武田喵玄</a></td> <td><span class="ico_p ico_p_air"></span>空</td> <td><span class="ico_a ico_a_horse">騎馬</span></td> <td>武士</td> <td>3.0</td> <td>91<span class="lv20">166</span></td> <td>86<span class="lv20">156</span></td> <td>83<span class="lv20">133</span></td> <td>81<span class="lv20">156</span></td> <td>98<span class="lv20">198</span></td> <td>439<span class="lv20">809</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1007</td> <td><a href="http://cat.e72play.com/card/view/1007/%E5%92%AA%E9%81%94%E6%94%BF%E5%AE%97" title="伊達政宗">咪達政宗</a></td> <td><span class="ico_p ico_p_wind"></span>風</td> <td><span class="ico_a ico_a_gun">鐵砲</span></td> <td>武士</td> <td>3.0</td> <td>91<span class="lv20">181</span></td> <td>73<span class="lv20">128</span></td> <td>92<span class="lv20">192</span></td> <td>85<span class="lv20">160</span></td> <td>78<span class="lv20">148</span></td> <td>419<span class="lv20">809</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1008</td> <td><a href="http://cat.e72play.com/card/view/1008/%E5%BE%B7%E5%96%B5%E5%AE%B6%E5%BA%B7" title="德川家康">德喵家康</a></td> <td><span class="ico_p ico_p_water"></span>水</td> <td><span class="ico_a ico_a_gun">鐵砲</span></td> <td>武士</td> <td>3.0</td> <td>70<span class="lv20">130</span></td> <td>98<span class="lv20">173</span></td> <td>65<span class="lv20">145</span></td> <td>99<span class="lv20">194</span></td> <td>88<span class="lv20">168</span></td> <td>420<span class="lv20">810</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1009</td> <td><a href="http://cat.e72play.com/card/view/1009/%E5%96%B5%E8%87%A3%E7%A7%80%E5%90%89" title="豐臣秀吉">喵臣秀吉</a></td> <td><span class="ico_p ico_p_wind"></span>風</td> <td><span class="ico_a ico_a_gun">鐵砲</span></td> <td>武士</td> <td>3.0</td> <td>74<span class="lv20">154</span></td> <td>83<span class="lv20">158</span></td> <td>99<span class="lv20">194</span></td> <td>89<span class="lv20">139</span></td> <td>92<span class="lv20">172</span></td> <td>437<span class="lv20">817</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1010</td> <td><a href="http://cat.e72play.com/card/view/1010/%E6%BF%83%E5%A7%AC%E5%96%B5" title="濃姬">濃姬喵</a></td> <td><span class="ico_p ico_p_water"></span>水</td> <td><span class="ico_a ico_a_gun">鐵砲</span></td> <td>姬</td> <td>2.5</td> <td>81<span class="lv20">136</span></td> <td>73<span class="lv20">123</span></td> <td>80<span class="lv20">135</span></td> <td>84<span class="lv20">174</span></td> <td>71<span class="lv20">121</span></td> <td>389<span class="lv20">689</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1011</td> <td><a href="http://cat.e72play.com/card/view/1011/%E5%89%8D%E5%96%B5%E6%85%B6%E6%AC%A1" title="前田慶次">前喵慶次</a></td> <td><span class="ico_p ico_p_wind"></span>風</td> <td><span class="ico_a ico_a_infantry">足輕</span></td> <td>傾奇</td> <td>3.0</td> <td>96<span class="lv20">186</span></td> <td>82<span class="lv20">152</span></td> <td>97<span class="lv20">197</span></td> <td>78<span class="lv20">138</span></td> <td>67<span class="lv20">142</span></td> <td>420<span class="lv20">815</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1012</td> <td><a href="http://cat.e72play.com/card/view/1012/%E6%B7%BA%E4%BA%95%E5%96%B5%E6%94%BF" title="浅井長政">淺井喵政</a></td> <td><span class="ico_p ico_p_earth"></span>地</td> <td><span class="ico_a ico_a_horse">騎馬</span></td> <td>武士</td> <td>3.0</td> <td>90<span class="lv20">170</span></td> <td>94<span class="lv20">194</span></td> <td>83<span class="lv20">153</span></td> <td>85<span class="lv20">155</span></td> <td>75<span class="lv20">140</span></td> <td>427<span class="lv20">812</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1013</td> <td><a href="http://cat.e72play.com/card/view/1013/%E7%B6%BE%E5%96%B5" title="綾">綾喵</a></td> <td><span class="ico_p ico_p_water"></span>水</td> <td><span class="ico_a ico_a_horse">騎馬</span></td> <td>姬</td> <td>2.5</td> <td>51<span class="lv20">101</span></td> <td>62<span class="lv20">142</span></td> <td>74<span class="lv20">154</span></td> <td>88<span class="lv20">183</span></td> <td>72<span class="lv20">142</span></td> <td>347<span class="lv20">722</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1014</td> <td><a href="http://cat.e72play.com/card/view/1014/%E8%B2%93%E6%B3%89%E4%BF%A1%E7%B6%B1" title="上泉信綱">貓泉信綱</a></td> <td><span class="ico_p ico_p_fire"></span>火</td> <td><span class="ico_a ico_a_infantry">足輕</span></td> <td>劍豪</td> <td>2.5</td> <td>97<span class="lv20">197</span></td> <td>87<span class="lv20">147</span></td> <td>67<span class="lv20">112</span></td> <td>65<span class="lv20">115</span></td> <td>70<span class="lv20">150</span></td> <td>386<span class="lv20">721</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1015</td> <td><a href="http://cat.e72play.com/card/view/1015/%E5%A4%A7%E5%8F%8B%E8%B2%93%E9%BA%9F%E6%A5%B5" title="大友宗麟">大友貓麟(極)</a></td> <td><span class="ico_p ico_p_fire"></span>火</td> <td><span class="ico_a ico_a_gun">鐵砲</span></td> <td>武士</td> <td>2.5</td> <td>96<span class="lv20">196</span></td> <td>76<span class="lv20">161</span></td> <td>61<span class="lv20">121</span></td> <td>51<span class="lv20">101</span></td> <td>78<span class="lv20">148</span></td> <td>362<span class="lv20">727</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1016</td> <td><a href="http://cat.e72play.com/card/view/1016/%E6%98%8E%E6%99%BA%E5%96%B5%E7%A7%80%E6%A5%B5" title="明智光秀">明智喵秀(極)</a></td> <td><span class="ico_p ico_p_air"></span>空</td> <td><span class="ico_a ico_a_gun">鐵砲</span></td> <td>軍師</td> <td>3.0</td> <td>81<span class="lv20">171</span></td> <td>84<span class="lv20">174</span></td> <td>85<span class="lv20">175</span></td> <td>61<span class="lv20">121</span></td> <td>98<span class="lv20">198</span></td> <td>412<span class="lv20">839</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1017</td> <td><a href="http://cat.e72play.com/card/view/1017/%E5%8C%97%E6%A2%9D%E5%96%B5%E5%BA%B7%E6%A5%B5" title="北條氏康">北條喵康(極)</a></td> <td><span class="ico_p ico_p_earth"></span>地</td> <td><span class="ico_a ico_a_horse">騎馬</span></td> <td>武士</td> <td>2.5</td> <td>76<span class="lv20">166</span></td> <td>91<span class="lv20">191</span></td> <td>48<span class="lv20">108</span></td> <td>48<span class="lv20">?</span></td> <td>76<span class="lv20">156</span></td> <td>339<span class="lv20">?</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1018</td> <td><a href="http://cat.e72play.com/card/view/1018/%E5%96%B5%E9%83%A8%E5%8D%8A%E8%97%8F%E6%A5%B5" title="服部半藏">喵部半藏(極)</a></td> <td><span class="ico_p ico_p_air"></span>空</td> <td><span class="ico_a ico_a_infantry">足輕</span></td> <td>忍者</td> <td>3.0</td> <td>89<span class="lv20">184</span></td> <td>58<span class="lv20">138</span></td> <td>86<span class="lv20">186</span></td> <td>45<span class="lv20">?</span></td> <td>91<span class="lv20">191</span></td> <td>369<span class="lv20">?</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1019</td> <td><a href="http://cat.e72play.com/card/view/1019/%E9%95%B7%E5%AE%97%E8%B2%93%E9%83%A8%E5%85%83%E8%A6%AA" title="長宗我部元親">長宗貓部元親</a></td> <td><span class="ico_p ico_p_water"></span>水</td> <td><span class="ico_a ico_a_gun">鐵砲</span></td> <td>武士</td> <td>3.0</td> <td>94<span class="lv20">184</span></td> <td>86<span class="lv20">166</span></td> <td>82<span class="lv20">142</span></td> <td>96<span class="lv20">196</span></td> <td>87<span class="lv20">162</span></td> <td>445<span class="lv20">850</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1020</td> <td><a href="http://cat.e72play.com/card/view/1020/%E8%B2%93%E5%88%A9%E5%85%83%E5%B0%B1%E6%A5%B5" title="毛利元就">貓利元就(極)</a></td> <td><span class="ico_p ico_p_air"></span>空</td> <td><span class="ico_a ico_a_horse">騎馬</span></td> <td>軍師</td> <td>2.5</td> <td>56<span class="lv20">121</span></td> <td>82<span class="lv20">172</span></td> <td>78<span class="lv20">148</span></td> <td>52<span class="lv20">107</span></td> <td>92<span class="lv20">192</span></td> <td>360<span class="lv20">740</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1021</td> <td><a href="http://cat.e72play.com/card/view/1021/%E5%96%B5%E6%9C%AC%E6%AD%A6%E8%97%8F" title="宮本武藏">喵本武藏</a></td> <td><span class="ico_p ico_p_fire"></span>火</td> <td><span class="ico_a ico_a_infantry">足輕</span></td> <td>劍豪</td> <td>4.0</td> <td>100<span class="lv20">200</span></td> <td>90<span class="lv20">190</span></td> <td>94<span class="lv20">194</span></td> <td>94<span class="lv20">194</span></td> <td>92<span class="lv20">192</span></td> <td>470<span class="lv20">970</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1022</td> <td><a href="http://cat.e72play.com/card/view/1022/%E9%BD%8B%E8%97%A4%E8%B2%93%E4%B8%89%E6%A5%B5" title="齋藤道三">齋藤貓三(極)</a></td> <td><span class="ico_p ico_p_fire"></span>火</td> <td><span class="ico_a ico_a_infantry">足輕</span></td> <td>軍師</td> <td>3.0</td> <td>88<span class="lv20">183</span></td> <td>84<span class="lv20">174</span></td> <td>85<span class="lv20">180</span></td> <td>68<span class="lv20">?</span></td> <td>86<span class="lv20">181</span></td> <td>411<span class="lv20">?</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1023</td> <td><a href="http://cat.e72play.com/card/view/1023/%E6%B7%80%E5%96%B5" title="淀殿">淀喵</a></td> <td><span class="ico_p ico_p_fire"></span>火</td> <td><span class="ico_a ico_a_infantry">足輕</span></td> <td>姬</td> <td>2.5</td> <td>83<span class="lv20">183</span></td> <td>77<span class="lv20">172</span></td> <td>68<span class="lv20">153</span></td> <td>51<span class="lv20">?</span></td> <td>56<span class="lv20">136</span></td> <td>335<span class="lv20">?</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1024</td> <td><a href="http://cat.e72play.com/card/view/1024/%E5%96%B5%E5%B7%9D%E7%BE%A9%E5%85%83%E6%A5%B5" title="今川義元">喵川義元(極)</a></td> <td><span class="ico_p ico_p_earth"></span>地</td> <td><span class="ico_a ico_a_infantry">足輕</span></td> <td>武士</td> <td>3.0</td> <td>83<span class="lv20">178</span></td> <td>96<span class="lv20">196</span></td> <td>72<span class="lv20">162</span></td> <td>71<span class="lv20">?</span></td> <td>79<span class="lv20">164</span></td> <td>401<span class="lv20">?</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1025</td> <td><a href="http://cat.e72play.com/card/view/1025/%E6%9C%AC%E5%A4%9A%E8%B2%93%E5%8B%9D%E6%A5%B5" title="本多忠勝">本多貓勝(極)</a></td> <td><span class="ico_p ico_p_fire"></span>火</td> <td><span class="ico_a ico_a_horse">騎馬</span></td> <td>武士</td> <td>3.0</td> <td>98<span class="lv20">198</span></td> <td>84<span class="lv20">174</span></td> <td>85<span class="lv20">175</span></td> <td>73<span class="lv20">?</span></td> <td>79<span class="lv20">164</span></td> <td>419<span class="lv20">?</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1026</td> <td><a href="http://cat.e72play.com/card/view/1026/%E6%9F%B4%E7%94%B0%E5%8B%9D%E8%B2%93%E6%A5%B5" title="柴田勝家">柴田勝貓(極)</a></td> <td><span class="ico_p ico_p_fire"></span>火</td> <td><span class="ico_a ico_a_horse">騎馬</span></td> <td>武士</td> <td>3.0</td> <td>88<span class="lv20">188</span></td> <td>84<span class="lv20">179</span></td> <td>86<span class="lv20">181</span></td> <td>81<span class="lv20">?</span></td> <td>80<span class="lv20">150</span></td> <td>419<span class="lv20">?</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1027</td> <td><a href="http://cat.e72play.com/card/view/1027/%E5%8C%97%E6%94%BF%E6%89%80%E5%96%B5" title="北政所寧寧">北政所喵</a></td> <td><span class="ico_p ico_p_water"></span>水</td> <td><span class="ico_a ico_a_gun">鐵砲</span></td> <td>姬</td> <td>2.0</td> <td>70<span class="lv20">125</span></td> <td>76<span class="lv20">131</span></td> <td>55<span class="lv20">95</span></td> <td>88<span class="lv20">173</span></td> <td>74<span class="lv20">134</span></td> <td>363<span class="lv20">658</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1028</td> <td><a href="http://cat.e72play.com/card/view/1028/%E5%B0%8F%E6%9D%BE%E5%96%B5" title="小松姬">小松喵</a></td> <td><span class="ico_p ico_p_wind"></span>風</td> <td><span class="ico_a ico_a_infantry">足輕</span></td> <td>姬</td> <td>2.5</td> <td>94<span class="lv20">184</span></td> <td>75<span class="lv20">135</span></td> <td>95<span class="lv20">185</span></td> <td>61<span class="lv20">?</span></td> <td>71<span class="lv20">141</span></td> <td>396<span class="lv20">?</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1029</td> <td><a href="http://cat.e72play.com/card/view/1029/%E5%96%B5%E6%B1%9F%E5%85%BC%E7%BA%8C%E6%A5%B5" title="直江兼續">喵江兼續(極)</a></td> <td><span class="ico_p ico_p_earth"></span>地</td> <td><span class="ico_a ico_a_gun">鐵砲</span></td> <td>軍師</td> <td>3.0</td> <td>82<span class="lv20">172</span></td> <td>90<span class="lv20">190</span></td> <td>82<span class="lv20">167</span></td> <td>66<span class="lv20">?</span></td> <td>86<span class="lv20">181</span></td> <td>406<span class="lv20">?</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1030</td> <td><a href="http://cat.e72play.com/card/view/1030/%E9%B6%B4%E5%A7%AC%E5%96%B5%E6%A5%B5" title="鶴姬">鶴姬喵(極)</a></td> <td><span class="ico_p ico_p_fire"></span>火</td> <td><span class="ico_a ico_a_infantry">足輕</span></td> <td>水軍</td> <td>2.5</td> <td>90<span class="lv20">190</span></td> <td>85<span class="lv20">170</span></td> <td>70<span class="lv20">125</span></td> <td>57<span class="lv20">?</span></td> <td>77<span class="lv20">142</span></td> <td>379<span class="lv20">?</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1031</td> <td><a href="http://cat.e72play.com/card/view/1031/%E6%AD%A6%E7%94%B0%E5%96%B5%E8%B3%B4%E6%A5%B5" title="武田勝賴">武田喵賴(極)</a></td> <td><span class="ico_p ico_p_wind"></span>風</td> <td><span class="ico_a ico_a_horse">騎馬</span></td> <td>武士</td> <td>3.0</td> <td>83<span class="lv20">178</span></td> <td>91<span class="lv20">186</span></td> <td>96<span class="lv20">196</span></td> <td>72<span class="lv20">?</span></td> <td>77<span class="lv20">152</span></td> <td>419<span class="lv20">?</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1032</td> <td><a href="http://cat.e72play.com/card/view/1032/%E5%A1%9A%E5%8E%9F%E5%8D%9C%E5%96%B5%E6%A5%B5" title="塚原卜傳">塚原卜喵(極)</a></td> <td><span class="ico_p ico_p_earth"></span>地</td> <td><span class="ico_a ico_a_infantry">足輕</span></td> <td>劍豪</td> <td>2.5</td> <td>91<span class="lv20">?</span></td> <td>93<span class="lv20">188</span></td> <td>73<span class="lv20">?</span></td> <td>56<span class="lv20">?</span></td> <td>65<span class="lv20">?</span></td> <td>378<span class="lv20">?</span></td> </tr> <tr> <td><span class="ico_r ico_r_1" title="極"></span></td> <td>1033</td> <td><a href="http://cat.e72play.com/card/view/1033/%E7%9F%B3%E7%94%B0%E5%96%B5%E6%88%90%E6%A5%B5" title="石田三成">石田喵成(極)</a></td> <td><span class="ico_p ico_p_earth"></span>地</td> <td><span class="ico_a ico_a_gun">鐵砲</span></td> <td>武士</td> <td>2.5</td> <td>77<span class="lv20">157</span></td> <td>91<span class="lv20">186</span></td> <td>56<span class="lv20">106</span></td> <td>60<span class="lv20">?</span></td> <td>85<span class="lv20">170</span></td> <td>369<span class="lv20">?</span></td> </tr> </tbody> </table> </div> <div id="footer"> <div id="footer_ads"> <script type="text/javascript"><!-- google_ad_client = "ca-pub-0812550164094090"; /* 信喵研究所 728x90 */ google_ad_slot = "7494997075"; google_ad_width = 728; google_ad_height = 90; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <div class="copyright">&copy 2012 信喵研究所 - 信喵之野望情報站 <a href="http://cat.e72play.com">CAT.E72PLAY.COM</a></div> <div class="copyright">本站「信喵之野望」相關圖文資料版權由 TECMO KOEI GAME CO.,LTD 及 Cayenne Enterainment Technology Co., Ltd. 所有</div> </div> </div> </body> </html> }}}}}} 2013-04-17T21:35:36+09:00 1366202136 https://w.atwiki.jp/nobunyaganoyabou/pages/10.html #html2(){{{{{{ #html2(){{{{{{ <form action="cgi-bin/formmail.cgi" method="post"> <p>血液型：<br> <select name="blood"> <option value="A">A型</option> <option value="B">B型</option> <option value="O">O型</option> <option value="AB">AB型</option> </select></p> <p>星座：<br> <select name="horoscope" size="12"> <option value="Aries">おひつじ座</option> <option value="Taurus">おうし座</option> <option value="Gemini">ふたご座</option> <option value="Cancer">かに座</option> <option value="Leo">しし座</option> <option value="Virgo">おとめ座</option> <option value="Libra">てんびん座</option> <option value="Scorpio">さそり座</option> <option value="Saggitarius">いて座</option> <option value="Capricorn">やぎ座</option> <option value="Aquarius">みずがめ座</option> <option value="Pisces">うお座</option> </select></p> <input type="submit" value="送信"><input type="reset" value="リセット"> </form> }}}}}} #html2(){{{{{{ <div id="header"> <div id="col_search"> <ul id="search_criteria"> <li class="short"><label for="q_rarity">ランク</label> <select name="rarity" id="q_rarity"> <option value="NA">--</option> <option value="並">並</option> <option value="珍">珍</option> <option value="稀">稀</option> <option value="極">極</option> <option value="宝">宝</option> <option value="誉">誉</option> </select></li> <li class="short"><label for="q_property">属性</label> <select name="property" id="q_property"> <option value="NA">--</option> <option value="火">火</option> <option value="地">地</option> <option value="風">風</option> <option value="水">水</option> <option value="空">空</option> </select></li> <li class="clear short"><label for="q_army">兵科</label> <select name="army" id="q_army"> <option value="NA">--</option> <option value="足軽">足軽</option> <option value="騎馬">騎馬</option> <option value="鉄砲">鉄砲</option> </select></li> <li class="short"><label for="q_class">職</label> <select name="class" id="q_class"> <option value="NA">--</option> <option value="武士">武士</option> <option value="軍師">軍師</option> <option value="?">?</option> <option value="忍者">忍者</option> <option value="剣豪">剣豪</option> <option value="傾奇">傾奇</option> <option value="僧侶">僧侶</option> <option value="茶人">茶人</option> <option value="水軍">水軍</option> </select></li> <li class="clear short"><label for="q_cost">コスト</label> <select name="cost" id="q_cost"> <option value="NA">--</option> <option value="1">1.0</option> <option value="1.5">1.5</option> <option value="2">2.0</option> <option value="2.5">2.5</option> <option value="3">3.0</option> <option value="4">4.0</option> </select></li> <li class="short"><label for="q_draw">?籤</label> <select name="draw" id="q_draw"> <option value="NA">--</option> <option value="t">?籤?特</option> <option value="c">?籤?改</option> <option value="n">?籤</option> <option value="f">?籤?福</option> <option value="g">?籤?吉</option> </select></li> <li class="clear short"><label for="q_gender">性別</label> <select name="gender" id="q_gender"> <option value="NA">--</option> <option value="F">母?</option> <option value="M">公?</option> </select></li> <li class="short"><label for="q_version">版本</label> <select name="version" id="q_version"> <option value="NA">--</option> <option value="決戦！関ヶ原">決戦！関ヶ原</option> <option value="秘剣・猫の太刀">秘剣・猫の太刀</option> <option value="甲斐の黒駒">甲斐の黒駒</option> <option value="海?">海?</option> <option value="愛之一字">愛之一字</option> <option value="風雲安土城">風雲安土城</option> <option value="衝鋒?！柴田">衝鋒?！柴田</option> <option value="剛勇鎮西一">剛勇鎮西一</option> <option value="坂東太郎">坂東太郎</option> <option value="茶之心">茶之心</option> <option value="夫婦善哉">夫婦善哉</option> <option value="下剋上">下剋上</option> <option value="巖流島">巖流島</option> <option value="土佐的鬼若子">土佐的鬼若子</option> <option value="奧之?道">奧之?道</option> <option value="近畿?小子">近畿?小子</option> <option value="九州三國志">九州三國志</option> <option value="孤高的求道者">孤高的求道者</option> <option value="激戰！川中島">激戰！川中島</option> <option value="《活動獎勵》">《活動獎勵》</option> </select></li> <li class="clear short"><label for="q_skill">特技</label> <select name="skill" id="q_skill"> <option value="NA">--</option> <option value="一心">一心</option> <option value="二天一流">二天一流</option> <option value="八咫烏">八咫烏</option> <option value="刀狩">刀狩</option> <option value="十文字槍">十文字槍</option> <option value="三日天下">三日天下</option> <option value="三河的老狸?">三河的老狸?</option> <option value="三段射?">三段射?</option> <option value="士氣昂揚">士氣昂揚</option> <option value="大一大萬大吉">大一大萬大吉</option> <option value="大山積的神威">大山積的神威</option> <option value="大不便者">大不便者</option> <option value="大安宅的砲?">大安宅的砲?</option> <option value="大返還">大返還</option> <option value="大信義">大信義</option> <option value="大膽無畏">大膽無畏</option> <option value="女英傑">女英傑</option> <option value="小豆袋">小豆袋</option> <option value="小荷?">小荷?</option> <option value="山勘">山勘</option> <option value="山陰的驍將">山陰的驍將</option> <option value="川中島之激戰">川中島之激戰</option> <option value="井伊的赤鬼">井伊的赤鬼</option> <option value="?助之功">?助之功</option> <option value="反?">反?</option> <option value="天下大盜">天下大盜</option> <option value="天下無雙">天下無雙</option> <option value="幻術">幻術</option> <option value="月影">月影</option> <option value="木天蓼">木天蓼</option> <option value="比翼鳥">比翼鳥</option> <option value="火攻">火攻</option> <option value="以牙還牙">以牙還牙</option> <option value="必中">必中</option> <option value="必殺">必殺</option> <option value="本能寺之變">本能寺之變</option> <option value="母儀天下">母儀天下</option> <option value="甲州流兵法">甲州流兵法</option> <option value="甲斐之虎">甲斐之虎</option> <option value="石火矢">石火矢</option> <option value="伊賀流護身法">伊賀流護身法</option> <option value="伏兵">伏兵</option> <option value="伏兵看破">伏兵看破</option> <option value="先驅">先驅</option> <option value="地?八幡">地?八幡</option> <option value="守護">守護</option> <option value="安宅船">安宅船</option> <option value="早合">早合</option> <option value="百發百中">百發百中</option> <option value="竹束">竹束</option> <option value="兵貴神速">兵貴神速</option> <option value="坂東太郎">坂東太郎</option> <option value="庇護">庇護</option> <option value="投石">投石</option> <option value="迅速">迅速</option> <option value="侍筒">侍筒</option> <option value="侘茶">侘茶</option> <option value="兩兵衛的指揮">兩兵衛的指揮</option> <option value="奇襲">奇襲</option> <option value="?川之團結">?川之團結</option> <option value="宗三左文字">宗三左文字</option> <option value="拔刀術">拔刀術</option> <option value="明鏡止水">明鏡止水</option> <option value="河越之夜襲">河越之夜襲</option> <option value="治療">治療</option> <option value="狙?">狙?</option> <option value="直江?">直江?</option> <option value="空?之術">空?之術</option> <option value="肥前之熊">肥前之熊</option> <option value="表裏比興">表裏比興</option> <option value="長刀術">長刀術</option> <option value="雨火繩">雨火繩</option> <option value="信義仁">信義仁</option> <option value="品茗">品茗</option> <option value="威風凜凜">威風凜凜</option> <option value="威嚇射?">威嚇射?</option> <option value="威壓">威壓</option> <option value="威壓?改">威壓?改</option> <option value="怒髮">怒髮</option> <option value="政母樣">政母樣</option> <option value="活命">活命</option> <option value="活法">活法</option> <option value="相模的獅子">相模的獅子</option> <option value="突?">突?</option> <option value="美濃蝮蛇">美濃蝮蛇</option> <option value="若御台">若御台</option> <option value="軍師的智謀">軍師的智謀</option> <option value="軍神">軍神</option> <option value="軍配">軍配</option> <option value="風來坊">風來坊</option> <option value="風流人">風流人</option> <option value="剛勇鎮西一">剛勇鎮西一</option> <option value="?武者">?武者</option> <option value="海道第一弓取">海道第一弓取</option> <option value="真田丸">真田丸</option> <option value="砲術">砲術</option> <option value="破瓶">破瓶</option> <option value="神之恩惠">神之恩惠</option> <option value="神出鬼沒">神出鬼沒</option> <option value="逆襲">逆襲</option> <option value="陣中見舞">陣中見舞</option> <option value="陣太鼓">陣太鼓</option> <option value="陣布令">陣布令</option> <option value="陣羽織">陣羽織</option> <option value="馬沓">馬沓</option> <option value="馬迴?">馬迴?</option> <option value="高砂">高砂</option> <option value="鬼半藏">鬼半藏</option> <option value="鬼若子">鬼若子</option> <option value="鬼島津">鬼島津</option> <option value="掩護射?">掩護射?</option> <option value="眼力">眼力</option> <option value="第六天魔王">第六天魔王</option> <option value="逗?">逗?</option> <option value="連?">連?</option> <option value="野之虎">野之虎</option> <option value="陰德太平記">陰德太平記</option> <option value="喝破">喝破</option> <option value="單騎闖陣">單騎闖陣</option> <option value="智勇兼備">智勇兼備</option> <option value="渾身">渾身</option> <option value="湯泡飯">湯泡飯</option> <option value="焙烙玉">焙烙玉</option> <option value="策士">策士</option> <option value="越後之龍">越後之龍</option> <option value="傳令">傳令</option> <option value="愛之一字">愛之一字</option> <option value="慈母的微笑">慈母的微笑</option> <option value="慈愛之心">慈愛之心</option> <option value="新陰流無形">新陰流無形</option> <option value="暗殺術">暗殺術</option> <option value="禁錮">禁錮</option> <option value="萬念皆空">萬念皆空</option> <option value="鼓舞">鼓舞</option> <option value="夢見鳥">夢見鳥</option> <option value="臺子點前">臺子點前</option> <option value="與一之弓">與一之弓</option> <option value="蜻?切">蜻?切</option> <option value="劍術指南">劍術指南</option> <option value="劍豪將軍">劍豪將軍</option> <option value="劍禪一如">劍禪一如</option> <option value="德之心">德之心</option> <option value="數奇者">數奇者</option> <option value="?沙">?沙</option> <option value="潛力">潛力</option> <option value="熟練">熟練</option> <option value="緩兵">緩兵</option> <option value="蝮蛇的睥睨">蝮蛇的睥睨</option> <option value="衝鋒柴田">衝鋒柴田</option> <option value="豬武士">豬武士</option> <option value="魅惑">魅惑</option> <option value="橫槍">橫槍</option> <option value="燕歸來">燕歸來</option> <option value="獨眼龍">獨眼龍</option> <option value="磨爪">磨爪</option> <option value="築城術">築城術</option> <option value="謀將">謀將</option> <option value="?叫聲">?叫聲</option> <option value="?足">?足</option> <option value="?柳">?柳</option> <option value="?餌">?餌</option> <option value="鴛鴦夫婦">鴛鴦夫婦</option> <option value="隱忍自重">隱忍自重</option> <option value="獵虎">獵虎</option> <option value="藥學知識">藥學知識</option> <option value="警固?">警固?</option> <option value="鐵砲狹間">鐵砲狹間</option> <option value="うわばみ">うわばみ</option> <option value="おてんば">おてんば</option> <option value="ぼっけもん">ぼっけもん</option> <option value="マムシ酒">マムシ酒</option> <option value="一ノ太刀">一ノ太刀</option> <option value="不如帰">不如帰</option> <option value="五輪書">五輪書</option> <option value="毛づくろい">毛づくろい</option> <option value="甲斐の黒駒">甲斐の黒駒</option> <option value="海賊の棒火矢">海賊の棒火矢</option> <option value="疾風船">疾風船</option> <option value="逃げ弾正">逃げ弾正</option> <option value="検地奉行">検地奉行</option> <option value="鉄盾">鉄盾</option> <option value="雌獅子">雌獅子</option> <option value="薩摩隼人">薩摩隼人</option> </select></li> <li class="short"><label for="q_faction">陣營</label> <select name="faction" id="q_faction"> <option value="NA">--</option> <option value="一色">一色</option> <option value="一條">一條</option> <option value="三好">三好</option> <option value="上杉">上杉</option> <option value="大内">大内</option> <option value="大友">大友</option> <option value="大谷">大谷</option> <option value="大浦">大浦</option> <option value="小早川">小早川</option> <option value="山内">山内</option> <option value="井伊">井伊</option> <option value="今川">今川</option> <option value="六角">六角</option> <option value="?澤">?澤</option> <option value="毛利">毛利</option> <option value="片倉">片倉</option> <option value="北條">北條</option> <option value="尼子">尼子</option> <option value="本多">本多</option> <option value="本願寺">本願寺</option> <option value="立花">立花</option> <option value="伊賀">伊賀</option> <option value="伊達">伊達</option> <option value="吉川">吉川</option> <option value="吉弘">吉弘</option> <option value="名古屋">名古屋</option> <option value="宇喜多">宇喜多</option> <option value="安東">安東</option> <option value="成田">成田</option> <option value="有馬">有馬</option> <option value="佐竹">佐竹</option> <option value="村上">村上</option> <option value="足利">足利</option> <option value="里見">里見</option> <option value="京極">京極</option> <option value="?小路">?小路</option> <option value="明智">明智</option> <option value="松前">松前</option> <option value="武田">武田</option> <option value="直江">直江</option> <option value="長宗我部">長宗我部</option> <option value="長野">長野</option> <option value="阿蘇">阿蘇</option> <option value="前田">前田</option> <option value="南部">南部</option> <option value="津輕">津輕</option> <option value="相馬">相馬</option> <option value="秋田">秋田</option> <option value="島津">島津</option> <option value="柴田">柴田</option> <option value="真田">真田</option> <option value="荒木">荒木</option> <option value="鬼庭">鬼庭</option> <option value="淺井">淺井</option> <option value="細川">細川</option> <option value="最上">最上</option> <option value="朝倉">朝倉</option> <option value="結城">結城</option> <option value="黑田">黑田</option> <option value="蒲生">蒲生</option> <option value="德川">德川</option> <option value="諏訪">諏訪</option> <option value="興福寺">興福寺</option> <option value="龍造寺">龍造寺</option> <option value="鍋島">鍋島</option> <option value="齋藤">齋藤</option> <option value="織田">織田</option> <option value="豐臣">豐臣</option> <option value="雜賀">雜賀</option> <option value="蘆名">蘆名</option> </select></li> <li class="clear"> <label for="q_rank">排序</label> <div id="rank_box"> <input type="text" name="rank_text" id="rank_text" readonly="readonly" value="數?屬性選擇" /> <div id="rank_select"> <ul> <li>【Lv00】 <input type="checkbox" name="rank[]" value="att_min" /><span>攻</span> <input type="checkbox" name="rank[]" value="def_min" /><span>防</span> <input type="checkbox" name="rank[]" value="spd_min" /><span>速</span> <input type="checkbox" name="rank[]" value="mor_min" /><span>德</span> <input type="checkbox" name="rank[]" value="tat_min" /><span>策</span> <input type="checkbox" name="rank[]" id="rank_total_min" value="total_min" /><span>總和</span> </li> <li>【Lv20】 <input type="checkbox" name="rank[]" value="att_max" /><span>攻</span> <input type="checkbox" name="rank[]" value="def_max" /><span>防</span> <input type="checkbox" name="rank[]" value="spd_max" /><span>速</span> <input type="checkbox" name="rank[]" value="mor_max" /><span>德</span> <input type="checkbox" name="rank[]" value="tat_max" /><span>策</span> <input type="checkbox" name="rank[]" id="rank_total_max" value="total_max" /><span>總和</span> </li> </ul> <button type="button" name="btn_rank" id="btn_rank">確定</button> </div> </div> </li> <li class="clear"><label for="q_keyword">關鍵字</label> <input type="text" name="keyword" id="q_keyword" maxlength="10" value="" /></li> </ul> <div id="btn_search"> <button type="button" name="btnQuery" id="btnQuery" data-rel="http://cat.e72play.com/card/get_cards" title="搜尋??"></button> </div> </div> <div id="col_ads"> <script type="text/javascript"><!-- google_ad_client = "ca-pub-0812550164094090"; /* 信?研究所 300x250 */ google_ad_slot = "3520012783"; google_ad_width = 300; google_ad_height = 250; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div> <div id="content" class="wrap"> <table id="tb_card"> <thead> <tr> <th>等級</th> <th>?號</th> <th>?片名</th> <th>屬性</th> <th>兵種</th> <th>職 </th> <th>COST</th> <th>攻</th> <th>防</th> <th>速</th> <th>德</th> <th>策</th> <th>總合</th> </tr> </thead> }}}}}} }}}}}} 2013-04-17T20:31:08+09:00 1366198268 https://w.atwiki.jp/nobunyaganoyabou/pages/2.html <h3 id="id_b7a6c500">メニュー</h3> <ul><li><a title="トップページ (22d)" href="http://www55.atwiki.jp/nobunyaganoyabou/pages/1.html"><font color="#5F441A">トップページ</font></a></li> <li><a href="http://www55.atwiki.jp/nobunyaganoyabou/pages/2.html"><font color="#5F441A">aaa</font></a></li> <li><a href="http://www55.atwiki.jp/nobunyaganoyabou/pages/6.html"><font color="#5F441A">ねこ武将一覧</font></a></li> <li><a href="http://www55.atwiki.jp/nobunyaganoyabou/?page=%E5%8F%B3%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC"> <font color="#5F441A">右メニュー</font></a></li> <li style="list-style-type:none;"> <p><br /></p> <hr /><p><br /></p> <h3 id="id_453df200">リンク</h3> <ul><li><a href="http://atwiki.jp/" target="_blank"><font color="#5F441A">@wiki</font></a></li> <li><a href="http://atwiki.jp/guide/" target="_blank"><font color="#5F441A">@wikiご利用ガイド</font></a></li> </ul><p><br /></p> <h3 id="id_c0085a49">他のサービス</h3> <ul><li><a href="http://atpages.jp/" target="_blank"><font color="#5F441A">無料ホームページ作成</font></a></li> <li><a href="http://atword.jp/" target="_blank"><font color="#5F441A">無料ブログ作成</font></a></li> <li><a href="http://atchs.jp/" target="_blank"><font color="#5F441A">2ch型掲示板レンタル</font></a></li> <li><a href="http://atbbs.jp/" target="_blank"><font color="#5F441A">無料掲示板レンタル</font></a></li> <li><a href="http://atpaint.jp/" target="_blank"><font color="#5F441A">お絵かきレンタル</font></a></li> <li><a href="http://sns.atfb.jp/" target="_blank"><font color="#5F441A">無料ソーシャルプロフ</font></a></li> </ul><p><br /><br /><a href="http://www1.atwiki.jp/wpmode_guide">wikiの編集方法についてはこちら</a></p> <p><a href="http://www1.atwiki.jp/wpmode_guide/pages/25.html">左メニューの編集方法についてはこちら</a><br />  </p> <div><a href="http://www55.atwiki.jp/nobunyaganoyabou/editx/2.html"><font color="#5F441A">ここを編集</font></a></div> </li> </ul> 2013-04-15T02:11:50+09:00 1365959510 https://w.atwiki.jp/nobunyaganoyabou/pages/1.html <h3>このウィキの使い方　～4つのステップ～</h3> <h4>■ログインしてみよう！</h4> <p>デザインを変えたり、サイト名を変えたりするためには、ログインしないといけないよ。</p> <p>ログインの方法は、下の手順でログインしてみよう！</p> <p>わからない場合は<a href="http://www1.atwiki.jp/wpmode_guide/pages/4.html">こちらのページ</a>も参考にしてね。</p> <ol><li>画面の右上にある「ログイン」をクリック！</li> <li>ユーザ名に「nobunyaganoyabou」、パスワードには、登録の時に設定したものを入力しよう。</li> <li>画面の右上に「nobunyaganoyabou」と表示されればログイン完了！</li> </ol><p> </p> <h4>■サイト名を変更しよう！</h4> <p>サイト名はどこから変えれるの？下の手順にそえばサイト名を変えれるよ！</p> <p>わからない場合は<a href="http://www1.atwiki.jp/wpmode_guide/pages/5.html">こちらのページ</a>も参考にしてね。</p> <ol><li>ログインしたら、右上にある「設定」をクリック！</li> <li>表示されたページの左メニューにある、「基本設定」をクリックしよう！</li> <li>そうすると、一番上の「サイト名」と書かれた右側に、今のサイト名が書かれています。<br /> ここを好きな名前に書き換えよう！</li> <li>書き換え終わったら、一番下にある「設定変更」ボタンをクリック！</li> <li>右上の 「（設定したサイト名）」へ戻る　をクリックすると、サイト名が変わったことが確認できるよ！</li> </ol><p> </p> <div> <h4>■新しいページを作成しよう！</h4> <p>新しくページを作成するにはどうすればいいのか、下の手順にそってやってみよう！</p> <p>わからない場合は<a href="http://www1.atwiki.jp/wpmode_guide/pages/7.html">こちらのページ</a>も参考にしてね。</p> </div> <ol><li>画面の左上にある「＠メニュー」にマウスを持って行くと、さらにメニューが表示されます。</li> <li>表示されたメニューから「新規ページ作成」をクリック！</li> <li>表示されたページで、作りたいページの名前を入力して、<br /> 編集モードは　<span style="color:rgb(255,0,0);">【初心者向け】ワープロモード</span>　を選択しよう。</li> <li>真ん中の枠の中に、自由に書き込めるよ！　</li> <li>作り終わったら、「ページを保存」をクリックすれば、新しいページの作成は完了！</li> </ol><p> </p> <h4>■このページを編集しよう！</h4> <p>最後に、このトップページを編集しよう！</p> <p>ページ編集の方法がわからない場合は<a href="http://www1.atwiki.jp/wpmode_guide/pages/9.html">こちらのページ</a>も参考にしてね。</p> <ol><li>左上にある「編集」にマウスを持って行くと、さらにメニューが表示されます。</li> <li>表示されたメニューから「ページ編集」をクリック！</li> <li>編集画面が表示されるので、自由に書き換えてみよう。</li> <li>書き換え終わったら、「ページを保存」をクリックすれば、トップページの編集は完了！</li> </ol><p> </p> <h3>もし、wikiで議論する場や掲示板が欲しい場合は？</h3> <p>@wikiの姉妹サービスである@chsをご利用ください。</p> <p><a href="http://atchs.jp/new_regist.php">登録はこちらから</a>　←　ここをクリックしてください。</p> <p> </p> <h3 id="id_a57b2f4f">分からないことは？</h3> <ul><li><a href="http://atwiki.jp/guide/"><font color="#5F441A">@wiki ご利用ガイド</font></a></li> <li><a href="http://atwiki.jp/guide/category1.html"><font color="#5F441A">よくある質問</font></a></li> <li><a href="http://sns.atfb.jp/view_community2.php?no=112"><font color="#5F441A">無料で会員登録できるSNS内の@wiki助け合いコミュニティ</font></a></li> <li><a href="http://www1.atwiki.jp/guide/pages/264.html"><font color="#5F441A">@wiki更新情報</font></a></li> <li><a href="http://atwiki.jp/helpdesk"><font color="#5F441A">@wikiへのお問合せフォーム</font></a></li> </ul><div>等をご活用ください</div> <p> </p> <h3 id="id_9a589d71">その他お勧めサービスについて</h3> <ul><li><a href="http://atpages.jp/" target="_blank"><font color="#5F441A">大容量１Ｇ、PHP/CGI、MySQL、FTPが使える無料ホームページは@PAGES</font></a></li> <li><a href="http://atword.jp/" target="_blank"><font color="#5F441A">無料ブログ作成は@WORDをご利用ください</font></a></li> <li><a href="http://atchs.jp/" target="_blank"><font color="#5F441A">2ch型の無料掲示板は@chsをご利用ください</font></a></li> <li><a href="http://atbb.jp/" target="_blank"><font color="#5F441A">フォーラム型の無料掲示板は@bbをご利用ください</font></a></li> <li><a href="http://atpaint.jp/" target="_blank"><font color="#5F441A">お絵かき掲示板は@paintをご利用ください</font></a></li> <li><a href="http://atbbs.jp/" target="_blank"><font color="#5F441A">その他の無料掲示板は@bbsをご利用ください</font></a></li> <li><a href="http://sns.atfb.jp/" target="_blank"><font color="#5F441A">無料ソーシャルプロフィールサービス @flabo(アットフラボ)</font></a></li> </ul><p> </p> <h3 id="id_c06b13d0">バグ・不具合を見つけたら？ 要望がある場合は？</h3> <div>お手数ですが、<a href="http://desk.atfreaks.com/tickets/form/atwiki/">お問い合わせフォーム</a>からご連絡ください。</div> <p> </p> 2013-04-14T17:21:56+09:00 1365927716 https://w.atwiki.jp/nobunyaganoyabou/pages/3.html **カウンター |今日|&counter(today)人| |昨日|&counter(yesterday)人| |&bold(){合計}|&bold(){&counter()人}| 現在&online()人が閲覧中。 **更新履歴 #recent(30) 2013-04-14T16:20:56+09:00 1365924056