• \r\n

    国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

    Maison développement back-end Tutoriel XML/RSS Pagination XML_javascript

    Pagination XML_javascript

    Feb 28, 2017 pm 04:52 PM

    Pagination Xml_javascript

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>龍的傳人--Xml_javascript分頁</title>
        
    </head>
    <body onload="getxmlDoc()">
    <script language="Javascript" type="text/javascript">
    var xmlDoc;
    var nodeIndex;
    var pageIndex;
    var pageSize=13;
    var lastPage;   //最后一頁
    var overSize    //最后一頁的記錄數(shù)
    function getxmlDoc()
    {
      xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
        var currNode;
        xmlDoc.async=false;
        xmlDoc.load("myTest.xml");
        if(xmlDoc.parseError.errorCode!=0)
        {
            var myErr=xmlDoc.parseError;
            alert("出錯!"+myErr.reason);
        }
        getRecordCount();
        onFirst();
        
    }
    function getRecordCount()
    {
        var personNode= xmlDoc.selectNodes("/Root")[0];
        var recordCount=personNode.childNodes.length;
        var pageCount=Math.ceil(recordCount/pageSize);
        document.getElementById("txtPageCount").value=pageCount;
        document.getElementById("txtRecordCount").value=recordCount;
        overSize=recordCount%pageSize;
        if(overSize>0)
        {
            lastPage=recordCount-overSize;
        }
        else
        {
            lastPage=recordCount-pageSize;
        }
        
    }
    function getPageRecord(pageIndex,pageSize)
    {
         clearRow("myTable");    
        var personNode= xmlDoc.selectNodes("/Root")[0];
        var currNode=personNode.childNodes[pageIndex];
        for(var i=pageIndex;i<pageIndex+pageSize;i++)
        {
            var arr=new Array();
            var nNode= xmlDoc.selectSingleNode("Root/Person["+i+"]") ;
            arr[0]=nNode.getAttribute("Id");    //序號
            arr[1]=nNode.childNodes[0].text;    //工號
            arr[2]=nNode.childNodes[1].text;    //姓名
            arr[3]=nNode.childNodes[2].text;    //性別
            arr[4]=nNode.childNodes[3].text;    //部門
            arr[5]=nNode.childNodes[4].text;    //職位
            arr[6]=nNode.childNodes[5].text;    //地址
            
    //        arr[0]=personNode.childNodes[i].getAttribute("Id");    //序號
    //        arr[1]=personNode.childNodes[i].childNodes[0].text;    //工號
    //        arr[2]=personNode.childNodes[i].childNodes[1].text;    //姓名
    //        arr[3]=personNode.childNodes[i].childNodes[2].text;    //性別
    //        arr[4]=personNode.childNodes[i].childNodes[3].text;    //部門
    //        arr[5]=personNode.childNodes[i].childNodes[4].text;    //職位
    //        arr[6]=personNode.childNodes[i].childNodes[5].text;    //地址
            addRow(i+1,"myTable",arr);
        }    
    }
    function onFirst()
    {
        pageIndex=0;
        var currIndex=pageIndex;
        getPageRecord(currIndex,pageSize) 
        pageIndex=currIndex ;
        document.getElementById("txtCurrPage").value=(pageIndex / pageSize) + 1;
        document.getElementById("txtCurrPageRecord").value=pageSize;
    }
    function onPRev()
    {
        var currIndex=pageIndex;
        currIndex-=pageSize;
        getPageRecord(currIndex,pageSize)
        pageIndex=currIndex;
        document.getElementById("txtCurrPage").value=(pageIndex / pageSize) + 1;
        document.getElementById("txtCurrPageRecord").value=pageSize;
       
    }
    function onNext()
    {    
        var currIndex=pageIndex;
        currIndex+=pageSize;
        getPageRecord(currIndex,pageSize)
        pageIndex=currIndex;
        document.getElementById("txtCurrPage").value=(pageIndex / pageSize) + 1;
        document.getElementById("txtCurrPageRecord").value=pageSize;
        
    }
    function onLast()
    {
        if(overSize>0)
        {
            getPageRecord(lastPage,overSize)
            document.getElementById("txtCurrPageRecord").value=overSize;
        }
        else
        {
            getPageRecord(lastPage,pageSize)
            document.getElementById("txtCurrPageRecord").value=pageSize;
        }    
        pageIndex=lastPage;
        document.getElementById("txtCurrPage").value=(pageIndex / pageSize) + 1;
    }
    function toPage()
    {    
        var index=document.getElementById("txtCurrPage").value
        var currIndex=(index-1)*pageSize;      
        if(event.keyCode==13)
        {
             getPageRecord(currIndex,pageSize);
        }
        pageIndex=currIndex;
    }
    function addRow(i,dataGridId,arr)
    {
     var row=document.createElement("tr");
     var cell=createCellWidthText(i);  
      row.appendChild(cell);
     for(var j=0;j<arr.length;j++)
     {
      cell=createCellWidthText(arr[j]);
      row.appendChild(cell);
     } 
     document.getElementById(dataGridId).firstChild.appendChild(row);
    }
    function createCellWidthText(text)
    {
     var cell = document.createElement("td");
     var textNode = document.createTextNode(text);
     cell.appendChild(textNode);
     return cell; 
    }
    function clearRow(obj)
    {
     var table=document.getElementById(obj);
     var nodeTbody=table.firstChild
     var length=nodeTbody.childNodes.length;  
     for(var i=length-1;i>0;i--)
     {
      nodeTbody.removeChild(nodeTbody.childNodes[i]);   
     }
    }
    </script>
        <form id="form1" runat="server">
        <div>
            <table align="center" style="border-right: #0033ff thin solid; border-top: #0033ff thin solid;
                border-left: #0033ff thin solid; width: 650px; border-bottom: #0033ff thin solid">
                <tr>
                    <td>
                        共<input id="txtPageCount" name="txtPageCount" style="width: 33px; 
                        color: #0000ff; border-top-style: none; border-right-style: none; 
                        border-left-style: none; background-color: transparent; border-bottom-style: none;" type="text"   onkeydown="toPage()"/>頁/
                        <input id="txtRecordCount" name="txtRecordCount" style="width: 46px; 
                        color: #3300ff; border-top-style: none; border-right-style: none; 
                        border-left-style: none; background-color: transparent; border-bottom-style: none;" type="text"   onkeydown="toPage()"/>條記錄
                        <input id="btnFirst" type="button" value="首頁"  onclick="onFirst()"/>
                        <input id="btnPrev" type="button" value="上一頁"  onclick="onPrev()"/>
                        <input id="btnNext" type="button" value="下一頁"  onclick="onNext()"/>
                        <input id="btnLast" type="button" value="尾頁"  onclick="onLast()"/>
                        第<input id="txtCurrPage" name="txtCurrPage" style="width: 46px; color: #ff3333;" type="text"   onkeydown="toPage()"/>
                        頁(當(dāng)前頁<input id="txtCurrPageRecord" name="txtCurrPageRecord" style="width: 22px; 
                        color: #ff3333; border-top-style: none; border-right-style: none;
                         border-left-style: none; background-color: white; border-bottom-style: none;" type="text"   onkeydown="toPage()"/>條記錄)</td>
                </tr>
                <tr>
                    <td>
                         <table width="100%" id="myTable">
                            <tr style="background-color:Yellow">
                                <td style="width: 34px; height: 21px;">
                                    Id</td>
                                <td style="width: 34px; height: 21px;">
                                    序號</td>
                                <td style="width: 42px; height: 21px;">
                                    工號</td>
                                <td style="width: 36px; height: 21px;">
                                    姓名</td>
                                <td style="width: 39px; height: 21px;">
                                    性別</td>
                                <td style="width: 43px; height: 21px;">
                                    部門</td>
                                <td style="width: 50px; height: 21px;">
                                    職位</td>
                                <td style="width: 100px; height: 21px;">
                                    地址</td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        
        </div>
        </form>
    </body>
    </html>

    Ce qui précède est le contenu de la pagination Xml_javascript Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (m.miracleart.cn)?!


    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefa?on, veuillez contacter admin@php.cn

    Outils d'IA chauds

    Undress AI Tool

    Undress AI Tool

    Images de déshabillage gratuites

    Undresser.AI Undress

    Undresser.AI Undress

    Application basée sur l'IA pour créer des photos de nu réalistes

    AI Clothes Remover

    AI Clothes Remover

    Outil d'IA en ligne pour supprimer les vêtements des photos.

    Clothoff.io

    Clothoff.io

    Dissolvant de vêtements AI

    Video Face Swap

    Video Face Swap

    échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!

    Article chaud

    Outils chauds

    Bloc-notes++7.3.1

    Bloc-notes++7.3.1

    éditeur de code facile à utiliser et gratuit

    SublimeText3 version chinoise

    SublimeText3 version chinoise

    Version chinoise, très simple à utiliser

    Envoyer Studio 13.0.1

    Envoyer Studio 13.0.1

    Puissant environnement de développement intégré PHP

    Dreamweaver CS6

    Dreamweaver CS6

    Outils de développement Web visuel

    SublimeText3 version Mac

    SublimeText3 version Mac

    Logiciel d'édition de code au niveau de Dieu (SublimeText3)

    Sujets chauds

    Tutoriel PHP
    1502
    276
    Puis-je ouvrir un fichier XML à l'aide de PowerPoint ? Puis-je ouvrir un fichier XML à l'aide de PowerPoint ? Feb 19, 2024 pm 09:06 PM

    Les fichiers XML peuvent-ils être ouverts avec PPT ? XML, Extensible Markup Language (Extensible Markup Language), est un langage de balisage universel largement utilisé dans l'échange et le stockage de données. Comparé au HTML, XML est plus flexible et peut définir ses propres balises et structures de données, rendant le stockage et l'échange de données plus pratiques et unifiés. PPT, ou PowerPoint, est un logiciel développé par Microsoft pour créer des présentations. Il fournit un moyen complet de

    Comment analysez-vous et traitez-vous HTML / XML dans PHP? Comment analysez-vous et traitez-vous HTML / XML dans PHP? Feb 07, 2025 am 11:57 AM

    Ce tutoriel montre comment traiter efficacement les documents XML à l'aide de PHP. XML (Language de balisage extensible) est un langage de balisage basé sur le texte polyvalent con?u à la fois pour la lisibilité humaine et l'analyse de la machine. Il est couramment utilisé pour le stockage de données et

    Comment utiliser les fonctions PHP pour traiter des données XML ? Comment utiliser les fonctions PHP pour traiter des données XML ? May 05, 2024 am 09:15 AM

    Utilisez les fonctions PHPXML pour traiter les données XML?: Analyser les données XML?: simplexml_load_file() et simplexml_load_string() chargent des fichiers ou des cha?nes XML. Accéder aux données XML?: utilisez les propriétés et les méthodes de l'objet SimpleXML pour obtenir les noms d'éléments, les valeurs d'attribut et les sous-éléments. Modifier les données XML?: ajoutez de nouveaux éléments et attributs à l'aide des méthodes addChild() et addAttribute(). Données XML sérialisées : la méthode asXML() convertit un objet SimpleXML en cha?ne XML. Exemple pratique?: analyser le flux de produits XML, extraire les informations sur le produit, les convertir et les stocker dans une base de données.

    Explication détaillée du principe du plug-in de pagination MyBatis Explication détaillée du principe du plug-in de pagination MyBatis Feb 22, 2024 pm 03:42 PM

    MyBatis est un excellent framework de couche de persistance. Il prend en charge les opérations de base de données basées sur XML et les annotations. Il est simple et facile à utiliser. Il fournit également un mécanisme de plug-in riche. Parmi eux, le plug-in de pagination est l'un des plug-ins les plus fréquemment utilisés. Cet article approfondira les principes du plug-in de pagination MyBatis et l'illustrera avec des exemples de code spécifiques. 1. Principe du plug-in de pagination MyBatis lui-même ne fournit pas de fonction de pagination native, mais vous pouvez utiliser des plug-ins pour implémenter des requêtes de pagination. Le principe du plug-in de pagination est principalement d'intercepter MyBatis

    Meilleure fa?on d'implémenter la pagination de tableaux en PHP Meilleure fa?on d'implémenter la pagination de tableaux en PHP May 04, 2024 pm 02:39 PM

    Il existe deux manières les plus courantes de paginer des tableaux PHP : en utilisant la fonction array_slice() : calculez le nombre d'éléments à ignorer, puis extrayez la plage d'éléments spécifiée. Utilisez des itérateurs intégrés?: implémentez l'interface Iterator et les méthodes rewind(), key(), current(), next() et valid() sont utilisées pour parcourir les éléments dans la plage spécifiée.

    C et XML: Explorer la relation et le soutien C et XML: Explorer la relation et le soutien Apr 21, 2025 am 12:02 AM

    C interagit avec XML via des bibliothèques tierces (telles que TinyXML, PUGIXML, XERCES-C). 1) Utilisez la bibliothèque pour analyser les fichiers XML et les convertir en structures de données propices à C. 2) Lors de la génération de XML, convertissez la structure des données C au format XML. 3) Dans les applications pratiques, le XML est souvent utilisé pour les fichiers de configuration et l'échange de données afin d'améliorer l'efficacité du développement.

    Explication détaillée des principes de pagination PHP et des méthodes d'implémentation, vous permettant de la ma?triser facilement Explication détaillée des principes de pagination PHP et des méthodes d'implémentation, vous permettant de la ma?triser facilement Feb 29, 2024 pm 03:18 PM

    La pagination PHP est une fonction courante dans le développement Web, en particulier lors de l'affichage d'une grande quantité de données. Afin d'éviter toute confusion dans l'interface et d'améliorer l'expérience utilisateur, la fonction de pagination est particulièrement importante. Cet article expliquera en détail les principes et les méthodes d'implémentation de la pagination PHP, et fournira des exemples de code spécifiques pour aider les lecteurs à ma?triser facilement cette technologie. 1. Principe de pagination Le principe de la pagination est de diviser les données de la base de données en plusieurs pages à afficher en fonction des besoins de l'utilisateur. L'utilisateur peut changer les données affichées en cliquant sur différents numéros de page. D'une manière générale, la fonction de pagination nécessite deux paramètres clés

    Comparaison des bibliothèques Java pour l'analyse XML?: trouver la meilleure solution Comparaison des bibliothèques Java pour l'analyse XML?: trouver la meilleure solution Mar 09, 2024 am 09:10 AM

    Introduction XML (Extensible Markup Language) est un format populaire pour stocker et transmettre des données. L'analyse XML en Java est une tache nécessaire pour de nombreuses applications, de l'échange de données au traitement de documents. Pour analyser efficacement XML, les développeurs peuvent utiliser diverses bibliothèques Java. Cet article comparera certaines des bibliothèques d'analyse XML les plus populaires, en se concentrant sur leurs caractéristiques, fonctionnalités et performances pour aider les développeurs à faire un choix éclairé. Bibliothèque d'analyse DOM (Document Object Model) JavaXMLDOMAPI?: une implémentation DOM standard fournie par Oracle. Il fournit un modèle objet qui permet aux développeurs d'accéder et de manipuler des documents XML. DocumentBuilderFactoryfactory=D

    See all articles