I have two XHTML files and my task is to convert from one to another with XSLT (or any other method by Java Program). I searched but I didn't get any example for this, all are related for converting one XML to another with XSLT or little bit information for one XHMTL to other. So can anyone please explain the procedure with one example containing source, desired and XSLT files by using my XHTML files or any other. II'll be very much thankful for that. Source file [1]-\[code\]<?xml version="1.0" encoding="UTF-8"?> <!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> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>eXe</title> <style type="text/css"> @import url(base.css); @import url(content.css); </style> <script type="text/javascript" src="http://stackoverflow.com/questions/11458888/common.js"></script> </head> <body> <div id="outer"> <div id="main"> <div id="nodeDecoration"> <p id="nodeTitle"> Part 1</p> </div> <div class="TrueFalseIdevice" id="id12"> <script type="text/javascript" src="http://stackoverflow.com/questions/11458888/common.js"></script> <!--THIS JAVASCRIPT HAS TO BE ELIMINATED--> <script type="text/javascript" src="http://stackoverflow.com/questions/11458888/libot_drag.js"></script> <div class="iDevice emphasis1"> <img alt="" class="iDevice_icon" src="http://stackoverflow.com/questions/11458888/icon_question.gif" /> <span class="iDeviceTitle">True-False Question</span><br/> <div class="iDevice_inner"> <div id="ta12_16" class="block" style="display:block"> </div><div class="question"> <br/><br/><div id="taquestion0b12" class="block" style="display:block">1><span style="color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none"> SQL Stands for Structure Query Language?</span> <!--THIS ONCLICK EVENT HAS TO BE REMOVED--> </div><br/>True <input type="radio" name="option0b12" id="true0b12" onclick="getFeedback(0,2,'0b12','truefalse')"/> False <input type="radio" name="option0b12" id="false0b12" onclick="getFeedback(1,2,'0b12','truefalse')"/> <div id="s0b0b12" style="color: rgb(0, 51, 204);display: none;" even_steven="18">Correct! </div> <div id="s1b0b12" style="color: rgb(0, 51, 204);display: none;" even_steven="19">Incorrect! </div> <div id="sfbk0b12" style="color: rgb(0, 51, 204);display: none;"><div id="tafeedback0b12" class="block" style="display:block"> </div></div> </div> </div> </div> </body></html> \[/code\]Desired File [1]:\[code\]<?xml version="1.0" encoding="UTF-8"?> <!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>eXe</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- Created using eXe: http://exelearning.org --> <style type="text/css"> @import url(base.css); @import url(content.css); </style> <script type="text/javascript" src="http://stackoverflow.com/questions/11458888/common.js"></script> </head> <!--THESE TWO JAVASCRIPT HAVE TO BE INCLUDED--> <script type="text/javascript" src="http://stackoverflow.com/questions/11458888/APIWrapper.js"></script> <script type="text/javascript" src="http://stackoverflow.com/questions/11458888/SCOFunctions.js"></script> <body onload="loadPage()" onunload="unloadPage()"><div id="outer"> <div id="main"> <div id="nodeDecoration"> <p id="nodeTitle"> Part 1</p></div> <div class="QuizTestIdevice" id="id8"> <!--THIS JAVASCRIPT AND FORM HAVE TO BE INCLUDED--> <script type="text/javascript" src="http://stackoverflow.com/questions/11458888/calculate.js"></script> <form name="quizForm8" id="quizForm8" action="javascript:calcScore2();"> <div class="iDevice emphasis1"> <img alt="" class="iDevice_icon" src="http://stackoverflow.com/questions/11458888/icon_question.gif" /> <span class="iDeviceTitle">SCORM Quiz</span> <div class="iDevice_inner"> <div class="passrate" value="http://stackoverflow.com/questions/11458888/50"></div> <div class="question"> <div id="taquestion0b8" class="block" style="display:block">1> SQL Stands for Structure Query Language? </div><br/> <table><tr><td><input type="radio" name="key0b8" value="http://stackoverflow.com/questions/11458888/0" /> </td><td> <div id="taoptionAnswer0q0b8" class="block" style="display:block">True </div></td></tr> <tr><td><input type="radio" name="key0b8" value="http://stackoverflow.com/questions/11458888/1" /> </td><td> <div id="taoptionAnswer1q0b8" class="block" style="display:block">False </div></td></tr> </table></div> <!--THIS SUBMIT BUTTON HAS TO BE INCLUDED--> <br/><input type="submit" name="submitB" value="http://stackoverflow.com/questions/11458888/SUBMIT ANSWERS"/> </div></div> </form> </div> </div> </div> </body></html> \[/code\]COMPLETE SOURCE FILE [2]-\[code\]<?xml version="1.0" encoding="UTF-8"?><!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><meta http-equiv="Content-type" content="text/html; charset=utf-8" /><title>eXe</title><style type="text/css">@import url(base.css);@import url(content.css);</style><script type="text/javascript" src="http://stackoverflow.com/questions/11458888/common.js"></script></head><body><div id="outer"><div id="main"><div id="nodeDecoration"><p id="nodeTitle">Part 2</p></div><div class="TrueFalseIdevice" id="id13"><script type="text/javascript" src="http://stackoverflow.com/questions/11458888/common.js"></script><script type="text/javascript" src="http://stackoverflow.com/questions/11458888/libot_drag.js"></script><div class="iDevice emphasis1"><img alt="" class="iDevice_icon" src="http://stackoverflow.com/questions/11458888/icon_question.gif" /><span class="iDeviceTitle">True-False Question</span><br/><div class="iDevice_inner"><div id="ta13_16" class="block" style="display:block"></div><div class="question"><br/><br/><div id="taquestion0b13" class="block" style="display:block">1: Can a table have more than one primary key?</div><br/>True <input type="radio" name="option0b13" id="true0b13" onclick="getFeedback(0,2,'0b13','truefalse')"/> False <input type="radio" name="option0b13" id="false0b13" onclick="getFeedback(1,2,'0b13','truefalse')"/><div id="s0b0b13" style="color: rgb(0, 51, 204);display: none;" even_steven="18">Correct! </div><div id="s1b0b13" style="color: rgb(0, 51, 204);display: none;" even_steven="19">Incorrect! </div><div id="sfbk0b13" style="color: rgb(0, 51, 204);display: none;"><div id="tafeedback0b13" class="block" style="display:block"></div></div></div><div class="question"><br/><br/><div id="taquestion1b13" class="block" style="display:block"><span style="color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none">2: A row in a database can also be called a domain.</span></div><br/>True <input type="radio" name="option1b13" id="true1b13" onclick="getFeedback(0,2,'1b13','truefalse')"/> False <input type="radio" name="option1b13" id="false1b13" onclick="getFeedback(1,2,'1b13','truefalse')"/><div id="s0b1b13" style="color: rgb(0, 51, 204);display: none;" even_steven="19">Incorrect! </div><div id="s1b1b13" style="color: rgb(0, 51, 204);display: none;" even_steven="18">Correct! </div><div id="sfbk1b13" style="color: rgb(0, 51, 204);display: none;"><div id="tafeedback1b13" class="block" style="display:block"></div></div></div><div class="question"><br/><br/><div id="taquestion2b13" class="block" style="display:block"><span style="color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none">3: In an OO database objects may inherit some or all of the characteristics of other objects.</span></div><br/>True <input type="radio" name="option2b13" id="true2b13" onclick="getFeedback(0,2,'2b13','truefalse')"/> False <input type="radio" name="option2b13" id="false2b13" onclick="getFeedback(1,2,'2b13','truefalse')"/><div id="s0b2b13" style="color: rgb(0, 51, 204);display: none;" even_steven="18">Correct! </div><div id="s1b2b13" style="color: rgb(0, 51, 204);display: none;" even_steven="19">Incorrect!</div><div id="sfbk2b13" style="color: rgb(0, 51, 204);display: none;"><div id="tafeedback2b13" class="block" style="display:block"></div></div></div><div class="question"><br/><br/><div id="taquestion3b13" class="block" style="display:block"><span style="color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none">4: In entity attribute modelling a many to many relationship is represented by M:M.</span></div><br/>True <input type="radio" name="option3b13" id="true3b13" onclick="getFeedback(0,2,'3b13','truefalse')"/> False <input type="radio" name="option3b13" id="false3b13" onclick="getFeedback(1,2,'3b13','truefalse')"/><div id="s0b3b13" style="color: rgb(0, 51, 204);display: none;" even_steven="19">Incorrect! </div><div id="s1b3b13" style="color: rgb(0, 51, 204);display: none;" even_steven="18">Correct! </div><div id="sfbk3b13" style="color: rgb(0, 51, 204);display: none;"><div id="tafeedback3b13" class="block" style="display:block"></div></div></div></div></div></div></div></div></body></html>\[/code\]My XSLT-\[code\]<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <!-- Import the identity transformation. --> <xsl:import href="http://stackoverflow.com/questions/11458888/identity.xsl"/> <xsl:template match="@onclick"> </xsl:template> <xsl:template match="@style"/> <xsl:template match="input"> <xsl:element name="input"> <xsl:attribute name="type">submit</xsl:attribute> <xsl:attribute name="name">submitB</xsl:attribute> <xsl:attribute name="value">Submit</xsl:attribute> <xsl:apply-templates /> </xsl:element> </xsl:template> </xsl:stylesheet>\[/code\]COMPLETE DESIRED FILE [2]-\[code\]<?xml version="1.0" encoding="UTF-8"?><!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>eXe</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">@import url(base.css);@import url(content.css);</style><script type="text/javascript" src="http://stackoverflow.com/questions/11458888/common.js"></script></head><script type="text/javascript" src="http://stackoverflow.com/questions/11458888/APIWrapper.js"></script><script type="text/javascript" src="http://stackoverflow.com/questions/11458888/SCOFunctions.js"></script><body onload="loadPage()" onunload="unloadPage()"><div id="outer"><div id="main"><div id="nodeDecoration"><p id="nodeTitle">Part 2</p></div><div class="QuizTestIdevice" id="id10"><script type="text/javascript" src="http://stackoverflow.com/questions/11458888/calculate.js"></script><form name="quizForm10" id="quizForm10" action="javascript:calcScore2();"><div class="iDevice emphasis1"><img alt="" class="iDevice_icon" src="http://stackoverflow.com/questions/11458888/icon_question.gif" /><span class="iDeviceTitle">SCORM Quiz</span><div class="iDevice_inner"><div class="passrate" value="http://stackoverflow.com/questions/11458888/50"></div><div class="question"><div id="taquestion0b10" class="block" style="display:block">1: Can a table have more than one primary key?</div><br/><table><tr><td><input type="radio" name="key0b10" value="http://stackoverflow.com/questions/11458888/0" /></td><td><div id="taoptionAnswer0q0b10" class="block" style="display:block">True</div></td></tr><tr><td><input type="radio" name="key0b10" value="http://stackoverflow.com/questions/11458888/1" /></td><td><div id="taoptionAnswer1q0b10" class="block" style="display:block">False</div></td></tr></table></div><br/><div class="question"><div id="taquestion1b10" class="block" style="display:block"><span class="Ques">2: A row in a database can also be called a domain.</span></div><br/><table><tr><td><input type="radio" name="key1b10" value="http://stackoverflow.com/questions/11458888/0" /></td><td><div id="taoptionAnswer0q1b10" class="block" style="display:block">True</div></td></tr><tr><td><input type="radio" name="key1b10" value="http://stackoverflow.com/questions/11458888/1" /></td><td><div id="taoptionAnswer1q1b10" class="block" style="display:block">False</div></td></tr></table></div><br/><div class="question"><div id="taquestion2b10" class="block" style="display:block"><span class="Ques">3: In an OO database objects may inherit some or all of the characteristics of other objects.</span></div><br/><table><tr><td><input type="radio" name="key2b10" value="http://stackoverflow.com/questions/11458888/0" /></td><td><div id="taoptionAnswer0q2b10" class="block" style="display:block">True</div></td></tr><tr><td><input type="radio" name="key2b10" value="http://stackoverflow.com/questions/11458888/1" /></td><td><div id="taoptionAnswer1q2b10" class="block" style="display:block">False</div></td></tr></table></div><br/><div class="question"><div id="taquestion3b10" class="block" style="display:block"><span class="Ques">4: In entity attribute modelling a many to many relationship is represented by M:M.</span></div><br/><table><tr><td><input type="radio" name="key3b10" value="http://stackoverflow.com/questions/11458888/0" /></td><td><div id="taoptionAnswer0q3b10" class="block" style="display:block">True</div></td></tr><tr><td><input type="radio" name="key3b10" value="http://stackoverflow.com/questions/11458888/1" /></td><td><div id="taoptionAnswer1q3b10" class="block" style="display:block">False</div></td></tr></table></div><br/><input type="submit" name="submitB" value="http://stackoverflow.com/questions/11458888/SUBMIT ANSWERS"/></div></div></form></div></div></div></body></html>\[/code\]
XHTML to another XHTML with XSLT
- Thread starter gex
- Start date