Author: smukhina Date: 2009-05-29 12:03:34 -0400 (Fri, 29 May 2009) New Revision: 15607 Modified: trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/common.xsl trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/xhtml-single.xsl trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/xhtml.xsl trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/common.xsl trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/xhtml-single.xsl trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/xhtml.xsl trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/css/tools.css trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/images/feedback_logo.png trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/script/toggle.js trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/css/tools.css trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/images/feedback_logo.png trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/script/toggle.js Log: JBDS-741 Feedback form on JBDS and Tools guides is implemented Modified: trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/common.xsl =================================================================== --- trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/common.xsl 2009-05-29 15:48:53 UTC (rev 15606) +++ trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/common.xsl 2009-05-29 16:03:34 UTC (rev 15607) @@ -11,6 +11,46 @@ <!-- XHTML settings --> <xsl:param name="html.stylesheet" select="'css/tools.css'"/> + <xsl:template name="feedback"> + <!--[if IE 6]><iframe frameborder="0" class="problemLayer" id="place"><xsl:text> </xsl:text></iframe><![endif]--> + <div class="time_out_div" id="timeOutDiv"><xsl:text> </xsl:text></div> + <div id="feedback-maincontainer"> + <h3 id="feedback-header"> + Create new JBDS Documentation Jira issue + <a href="javascript:void(0);" onclick="hidePopup('feedback-maincontainer', 'feedback-mailform', 'feedback-iFrame','feedback-submit', 'feedback-maincontainer');" id="feedback-close"> + <img src="images/close.png" class="feedback-images" /> + </a> + </h3> + <iframe id='feedback-iFrame' name="feedback-iFrame"><xsl:text> </xsl:text></iframe> + <form onsubmit="return validate_form()" id="feedback-mailform" method="post" action="https://jira.jboss.org/jira/secure/CreateIssueDetails!init.j... target="feedback-iFrame"> + <input type="hidden" id="priority" name="priority" value="3" /> + <input type="hidden" id="components" name="components" value="12311170" /> + <input type="hidden" id="versions" name="versions" value="12312451" /> + <input type="hidden" id="customfield_12310031" name="customfield_12310031" value="Documentation (Ref Guide, User Guide, etc.)" /> + + <label for="summary">Summary</label> + <input type="text" id="feedback-summary" name="feedback-summary" title="Summarize the subject of the issue in a few words" maxlength="255" onKeyDown="countLeft('feedback-summary', 'left', 255);" + onKeyUp="countLeft('feedback-summary', 'left', 255);"/> + <div id="summary-helper-left" class="feedback-helper"> + <span id="left">255</span> characters left + </div> + <div class="clear"><xsl:text> </xsl:text></div> + <label for="feedback-description">Description</label> + <textarea id="feedback-description" name="feedback-description" title="Provide more details about the issue" onKeyDown="countLeft('feedback-description', 'none', 500);" + onKeyUp="countLeft('feedback-description', 'none', 500);"><xsl:text> </xsl:text></textarea> + <div class="clear"><xsl:text> </xsl:text></div> + <label for="feedback-environment">Environment</label> + <textarea id="feedback-environment" name="feedback-environment" title="Describe your environment"><xsl:text> </xsl:text></textarea> + </form> + <div id="guide_words">This will launch the RichFaces Jira page - to complete your feedback please login if needed, and submit the Jira.</div> + <input type="button" id="feedback-submit" value="Proceed to Jira" name="submit" class="feedback-formbutton" title="Proceed to create new issue" onclick="fillForm('feedback-mailform'); submitForm('feedback-mailform', 'feedback-iFrame', 'feedback-submit', 'feedback-maincontainer');"/> + </div> + <div id="feedback-wrapper"> + <a id="feedback-link" onclick="showPopup('feedback-maincontainer');"> + <img src="images/feedback_logo.png" class="feedback-images" onload="init('feedback-summary', 'feedback-description');"/> + </a> + </div> + </xsl:template> <xsl:template name="head.content"> @@ -54,17 +94,12 @@ </meta> </xsl:if> </xsl:if> - - <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="images/favicon0.ico" /> - + <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="images/favicon0.ico" /> + <script type="text/javascript" src="script/toggle.js"><xsl:comment>If you see this message, your web browser doesn't support JavaScript or JavaScript is disabled.</xsl:comment></script> <xsl:apply-templates select="." mode="head.keywords.content"/> </xsl:template> - - - - - + <!-- Overriding toc.line --> <xsl:template name="toc.line"> <xsl:param name="toc-context" select="."/> Modified: trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/xhtml-single.xsl =================================================================== --- trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/xhtml-single.xsl 2009-05-29 15:48:53 UTC (rev 15606) +++ trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/xhtml-single.xsl 2009-05-29 16:03:34 UTC (rev 15607) @@ -15,6 +15,9 @@ <div id="overlay"> <xsl:text> </xsl:text> </div> + + <!-- FEEDBACK --> + <xsl:call-template name="feedback" /> <p xmlns="http://www.w3.org/1999/xhtml"> <xsl:attribute name="id"> <xsl:text>title</xsl:text> Modified: trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/xhtml.xsl =================================================================== --- trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/xhtml.xsl 2009-05-29 15:48:53 UTC (rev 15606) +++ trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/xhtml.xsl 2009-05-29 16:03:34 UTC (rev 15607) @@ -34,6 +34,8 @@ <xsl:text> </xsl:text> </div> + <!-- FEEDBACK --> + <xsl:call-template name="feedback" /> <p xmlns="http://www.w3.org/1999/xhtml"> <xsl:attribute name="id"> <xsl:text>title</xsl:text> @@ -97,6 +99,9 @@ </xsl:if> </li> </ul> + + + </xsl:if> </xsl:if> <xsl:if test="$header.rule != 0"> Modified: trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/common.xsl =================================================================== --- trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/common.xsl 2009-05-29 15:48:53 UTC (rev 15606) +++ trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/common.xsl 2009-05-29 16:03:34 UTC (rev 15607) @@ -10,8 +10,47 @@ <!-- XHTML settings --> <xsl:param name="html.stylesheet" select="'css/tools.css'"/> + <xsl:template name="feedback"> + <!--[if IE 6]><iframe frameborder="0" class="problemLayer" id="place"><xsl:text> </xsl:text></iframe><![endif]--> + <div class="time_out_div" id="timeOutDiv"><xsl:text> </xsl:text></div> + <div id="feedback-maincontainer"> + <h3 id="feedback-header"> + Create new JBoss Tools Documentation Jira issue + <a href="javascript:void(0);" onclick="hidePopup('feedback-maincontainer', 'feedback-mailform', 'feedback-iFrame','feedback-submit', 'feedback-maincontainer');" id="feedback-close"> + <img src="images/close_org.png" class="feedback-images" /> + </a> + </h3> + <iframe id='feedback-iFrame' name="feedback-iFrame"><xsl:text> </xsl:text></iframe> + <form onsubmit="return validate_form()" id="feedback-mailform" method="post" action="https://jira.jboss.org/jira/secure/CreateIssueDetails!init.j... target="feedback-iFrame"> + <input type="hidden" id="priority" name="priority" value="3" /> + <input type="hidden" id="components" name="components" value="12311170" /> + <input type="hidden" id="versions" name="versions" value="12312451" /> + <input type="hidden" id="customfield_12310031" name="customfield_12310031" value="Documentation (Ref Guide, User Guide, etc.)" /> + + <label for="summary">Summary</label> + <input type="text" id="feedback-summary" name="feedback-summary" title="Summarize the subject of the issue in a few words" maxlength="255" onKeyDown="countLeft('feedback-summary', 'left', 255);" + onKeyUp="countLeft('feedback-summary', 'left', 255);"/> + <div id="summary-helper-left" class="feedback-helper"> + <span id="left">255</span> characters left + </div> + <div class="clear"><xsl:text> </xsl:text></div> + <label for="feedback-description">Description</label> + <textarea id="feedback-description" name="feedback-description" title="Provide more details about the issue" onKeyDown="countLeft('feedback-description', 'none', 500);" + onKeyUp="countLeft('feedback-description', 'none', 500);"><xsl:text> </xsl:text></textarea> + <div class="clear"><xsl:text> </xsl:text></div> + <label for="feedback-environment">Environment</label> + <textarea id="feedback-environment" name="feedback-environment" title="Describe your environment"><xsl:text> </xsl:text></textarea> + </form> + <div id="guide_words">This will launch the RichFaces Jira page - to complete your feedback please login if needed, and submit the Jira.</div> + <input type="button" id="feedback-submit" value="Proceed to Jira" name="submit" class="feedback-formbutton" title="Proceed to create new issue" onclick="fillForm('feedback-mailform'); submitForm('feedback-mailform', 'feedback-iFrame', 'feedback-submit', 'feedback-maincontainer');"/> + </div> + <div id="feedback-wrapper"> + <a id="feedback-link" onclick="showPopup('feedback-maincontainer');"> + <img src="images/feedback_logo.png" class="feedback-images" onload="init('feedback-summary', 'feedback-description');"/> + </a> + </div> + </xsl:template> - <xsl:template name="head.content"> <xsl:param name="node" select="."/> @@ -56,7 +95,7 @@ </xsl:if> <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="images/favicon.ico" /> - + <script type="text/javascript" src="script/toggle.js"><xsl:comment>If you see this message, your web browser doesn't support JavaScript or JavaScript is disabled.</xsl:comment></script> <xsl:apply-templates select="." mode="head.keywords.content"/> </xsl:template> Modified: trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/xhtml-single.xsl =================================================================== --- trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/xhtml-single.xsl 2009-05-29 15:48:53 UTC (rev 15606) +++ trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/xhtml-single.xsl 2009-05-29 16:03:34 UTC (rev 15607) @@ -14,6 +14,8 @@ <div id="overlay"> <xsl:text> </xsl:text> </div> + <!-- FEEDBACK --> + <xsl:call-template name="feedback" /> <p xmlns="http://www.w3.org/1999/xhtml"> <xsl:attribute name="id"> <xsl:text>title</xsl:text> Modified: trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/xhtml.xsl =================================================================== --- trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/xhtml.xsl 2009-05-29 15:48:53 UTC (rev 15606) +++ trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/xhtml.xsl 2009-05-29 16:03:34 UTC (rev 15607) @@ -16,7 +16,7 @@ <script type="text/javascript" src="script/prototype-1.6.0.2.js"><xsl:comment>If you see this message, your web browser doesn't support JavaScript or JavaScript is disabled.</xsl:comment></script> <script type="text/javascript" src="script/effects.js"><xsl:comment>If you see this message, your web browser doesn't support JavaScript or JavaScript is disabled.</xsl:comment></script> <script type="text/javascript" src="script/scriptaculous.js"><xsl:comment>If you see this message, your web browser doesn't support JavaScript or JavaScript is disabled.</xsl:comment></script> - <script type="text/javascript" src="script/toggle.js"><xsl:comment>If you see this message, your web browser doesn't support JavaScript or JavaScript is disabled.</xsl:comment></script> + </xsl:template> <xsl:template name="header.navigation"> @@ -34,6 +34,8 @@ <xsl:text> </xsl:text> </div> + <!-- FEEDBACK --> + <xsl:call-template name="feedback" /> <p xmlns="http://www.w3.org/1999/xhtml"> <xsl:attribute name="id"> <xsl:text>title</xsl:text> Modified: trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/css/tools.css =================================================================== --- trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/css/tools.css 2009-05-29 15:48:53 UTC (rev 15606) +++ trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/css/tools.css 2009-05-29 16:03:34 UTC (rev 15607) @@ -126,3 +126,205 @@ h1.title { display:block; } + +/* Feedback styles */ + +.problemLayer { + position: absolute; + left: 34%; + top: 20%; + width: 400px; + height: 110px; + z-index: 2; + background: #fff; + display: none; +} + +.time_out_div { + height: 100%; + width: 100%; + min-height: 100%; + background-color: #5781AF; + filter:alpha(opacity=50); + opacity: 0.5; + -moz-opacity: 0.5; + -khtml-opacity: 0.5; + z-index: 99; + position: fixed; + top: 0; + left: 0; + display: none; +} + +* html div#feedback-wrapper, * html div#feedback-maincontainer, * html div#time_out_div { +position: absolute; +top:expression(eval(document.compatMode && +document.compatMode=='CSS1Compat') ? +documentElement.scrollTop ++(documentElement.clientHeight-this.clientHeight) +: document.body.scrollTop ++(document.body.clientHeight-this.clientHeight)); +} + +#feedback-maincontainer{ + font-family: Arial; + font-size: 14px; + display:none; + background: #F5F5F5; + border: 8px solid #ababab; + height:440px; + left:30%; + position:fixed; + text-align:left; + top:20%; + bottom:20%; + width:500px; + z-index:100; +} +* html #feedback-maincontainer { + width:480px; +} +#feedback-maincontainer div#guide_words{ + margin: 0px 20px 0px 20px !important; + font-size: 12px; +} +.feedback-helper, #summary-helper-left{ + color: #ff3333; + font-size: 10px; + float:left; + +} +#summary-helper-left{ + float:right; + color: #5781AF; + padding-right:5px; +} + +.clear{ + clear:both; +} +*html #feedback-maincontainer{ + width: 500px; +} +*html #feedback-header{ + width: 100%; +} +#feedback-header{ + background-color:#880001; + border-bottom: 2px solid #ccc; + color:white; + font-weight:bold; + font-size: 16px; + height:20px; + margin:0; + padding:10px 0 10px 20px; + position:relative; + text-align:left; +} + +#feedback-close{ + display:block; + position:absolute; + right:9px; + top:6px; + width:12px; + border: 0px; +} + +#feedback-mailform{ + margin: 0px 20px 0px 20px !important; + padding-bottom:5px; + text-align:left; +} + +*html #feedback-mailform{ + margin: 0px 20px 0px 0px; + padding-bottom:5px; +} +#feedback-mailform textarea, #feedback-mailform input, #feedback-mailform label{ + font-family: Arial,Helvetica,sans-serif; + width:450px; +} +#feedback-mailform input, #feedback-mailform label{ + display:block; +} +#feedback-mailform label{ + margin-top: 10px; +} +#feedback-mailform label span{ + color: #ff0000 +} +#feedback-mailform textarea{ + font-size: 14px; + height: 100px; + padding: 2px; +} +#feedback-mailform textarea#feedback-environment{ + height: 50px; +} + +.feedback-formbutton{ + font-size: 12px; + font-family: Arial, Helvetica, sans-serif; + color: #999; + margin: 15px 20px; +} + + +.feedback-images{ + border:0; + margin:0; + display: inline; +} +#feedback-iFrame { + background-color:#F5F5F5; + border:medium none; + height:90%; + line-height:20px; + overflow:visible; + width:100%; + display:none; +} + +#feedback-wrapper{ + margin: 0px; + padding: 0px; + position:fixed; + bottom:0px; + right:0px; + height:315px; + width: 47px; + overflow: hidden; + cursor:pointer; +} + +#feedback-link{ + float: left; + display: block; +} + +#feedback-link img{ + width: 47px; + height:315px; +} +h3#feedback-header{ + display:block; + } + +.remark{ + font-size: 11px; + margin-top: -15px; + margin-bottom:25px; + padding:0px; +} +.remark ul{ + list-style: none; +} +.remark ul li{ + margin:0px; + padding:0px; +} +p.remark i{ + font-style:normal; +} + Modified: trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/images/feedback_logo.png =================================================================== (Binary files differ) Modified: trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/script/toggle.js =================================================================== --- trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/script/toggle.js 2009-05-29 15:48:53 UTC (rev 15606) +++ trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/script/toggle.js 2009-05-29 16:03:34 UTC (rev 15607) @@ -1,3 +1,115 @@ +var inputCorrect = false; +var textCorrect = false; + +function getPlace(){ + if(navigator.appName=="Microsoft Internet Explorer" && parseFloat(navigator.appVersion) < 7){ + document.getElementById('place').style.display = "block"; + } +} + +function showPopup(_popupId) { + document.getElementById(_popupId).style.display = "block"; + document.getElementById('timeOutDiv').style.display = "block"; + document.getElementById("feedback-maincontainer").style.display = "block"; + document.getElementById("guide_words").style.display = "block"; + getPlace(); +} + +function hidePopup(_popupId, form, iFrame, but, container) { + document.getElementById(_popupId).style.display = "none"; + document.getElementById('timeOutDiv').style.display = "none"; + document.getElementById(iFrame).style.display = "none"; + document.getElementById(form).style.display = "block"; + document.getElementById(but).style.display = "inline"; + document.getElementById(container).style.left="30%"; + document.getElementById(container).style.top="20%"; + document.getElementById(container).style.width="500px"; + document.getElementById(container).style.height="440px"; + getPlace(); +} + +function showIFrame(form, iFrame, but, container){ + document.getElementById(form).style.display = "none"; + document.getElementById(but).style.display = "none"; + document.getElementById(iFrame).style.display = "block"; + document.getElementById(container).style.height="99%"; + document.getElementById(container).style.left="10%"; + document.getElementById(container).style.top="0"; + document.getElementById(container).style.width="80%"; + document.getElementById("guide_words").style.display = "none"; + +} +function fillForm(form){ + document.getElementById(form).attributes['action'].value = + document.getElementById(form).attributes['action'].value + +'&priority='+document.getElementById('priority').value + +'&summary='+document.getElementById('feedback-summary').value + +'&description='+document.getElementById('feedback-description').value + +'&environment='+document.getElementById('feedback-environment').value + +'&components='+document.getElementById('components').value + +'&versions='+document.getElementById('versions').value + +'&customfield_12310031='+document.getElementById('customfield_12310031').value; +} + +function submitForm(form, iFrame, but, container){ + document.getElementById(form).submit(); + showIFrame(form, iFrame, but, container); +} + +function setFieldFlag(type, flag){ + if(type=="textarea"){ + textCorrect = flag; + }else if(type=="text"){ + inputCorrect = flag; + } +} +function countLeft(fieldToCheck, count, max) { + var field = document.getElementById(fieldToCheck); + var left = 'none'; + var char_count = field.value.length; + var fullStr = field.value + " "; + var initial_whitespace_rExp = /^[^A-Za-z0-9]+/gi; + var left_trimmedStr = fullStr.replace(initial_whitespace_rExp, ""); + var non_alphanumerics_rExp = rExp = /[^A-Za-z0-9]+/gi; + var cleanedStr = left_trimmedStr.replace(non_alphanumerics_rExp, " "); + var splitString = cleanedStr.split(" "); + var word_count = splitString.length -1; + if (fullStr.length <2) { + word_count = 0; + } + if (field.value.length > max){ + field.value = field.value.substring(0, max); + }else if(count != "none"){ + left = document.getElementById(count); + if(navigator.appName=="Microsoft Internet Explorer"){ + left.innerText = max - field.value.length; + }else{ + left.textContent = max - field.value.length; + } + + } + if (word_count >= 1){ + setFieldFlag(field.type, true); + }else{ + setFieldFlag(field.type, false); + } + if(inputCorrect && textCorrect){ + document.getElementById("feedback-submit").disabled=false; + document.getElementById("feedback-submit").style.color="#415973"; + }else{ + document.getElementById("feedback-submit").disabled=true; + document.getElementById("feedback-submit").style.color="#999"; + } +} + + +function init(input, textarea){ + document.getElementById("feedback-submit").disabled=true; + countLeft(input, "left", 255); + countLeft(textarea, "none", 500); +} + + // attach handler to window object Event.observe(window,'load',initializeEmailClient,false); Modified: trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/css/tools.css =================================================================== --- trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/css/tools.css 2009-05-29 15:48:53 UTC (rev 15606) +++ trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/css/tools.css 2009-05-29 16:03:34 UTC (rev 15607) @@ -123,3 +123,204 @@ display:block; } +/* Feedback styles */ + +.problemLayer { + position: absolute; + left: 34%; + top: 20%; + width: 400px; + height: 110px; + z-index: 2; + background: #fff; + display: none; +} + +.time_out_div { + height: 100%; + width: 100%; + min-height: 100%; + background-color: #5781AF; + filter:alpha(opacity=50); + opacity: 0.5; + -moz-opacity: 0.5; + -khtml-opacity: 0.5; + z-index: 99; + position: fixed; + top: 0; + left: 0; + display: none; +} + +* html div#feedback-wrapper, * html div#feedback-maincontainer, * html div#time_out_div { +position: absolute; +top:expression(eval(document.compatMode && +document.compatMode=='CSS1Compat') ? +documentElement.scrollTop ++(documentElement.clientHeight-this.clientHeight) +: document.body.scrollTop ++(document.body.clientHeight-this.clientHeight)); +} + +#feedback-maincontainer{ + font-family: Arial; + font-size: 14px; + display:none; + background: #F5F5F5; + border: 8px solid #7F9DB9; + height:440px; + left:30%; + position:fixed; + text-align:left; + top:20%; + bottom:20%; + width:500px; + z-index:100; +} +* html #feedback-maincontainer { + width:480px; +} +#feedback-maincontainer div#guide_words{ + margin: 0px 20px 0px 20px !important; + font-size: 12px; +} +.feedback-helper, #summary-helper-left{ + color: #ff3333; + font-size: 10px; + float:left; + +} +#summary-helper-left{ + float:right; + color: #5781AF; + padding-right:5px; +} + +.clear{ + clear:both; +} +*html #feedback-maincontainer{ + width: 500px; +} +*html #feedback-header{ + width: 100%; +} +#feedback-header{ + background-color:#5781AF; + border-bottom: 2px solid #ccc; + color:white; + font-weight:bold; + font-size: 16px; + height:20px; + margin:0; + padding:10px 0 10px 20px; + position:relative; + text-align:left; +} + +#feedback-close{ + display:block; + position:absolute; + right:9px; + top:6px; + width:12px; + border: 0px; +} + +#feedback-mailform{ + margin: 0px 20px 0px 20px !important; + padding-bottom:5px; + text-align:left; +} + +*html #feedback-mailform{ + margin: 0px 20px 0px 0px; + padding-bottom:5px; +} +#feedback-mailform textarea, #feedback-mailform input, #feedback-mailform label{ + font-family: Arial,Helvetica,sans-serif; + width:450px; +} +#feedback-mailform input, #feedback-mailform label{ + display:block; +} +#feedback-mailform label{ + margin-top: 10px; +} +#feedback-mailform label span{ + color: #ff0000 +} +#feedback-mailform textarea{ + font-size: 14px; + height: 100px; + padding: 2px; +} +#feedback-mailform textarea#feedback-environment{ + height: 50px; +} + +.feedback-formbutton{ + font-size: 12px; + font-family: Arial, Helvetica, sans-serif; + color: #999; + margin: 15px 20px; +} + + +.feedback-images{ + border:0; + margin:0; + display: inline; +} +#feedback-iFrame { + background-color:#F5F5F5; + border:medium none; + height:90%; + line-height:20px; + overflow:visible; + width:100%; + display:none; +} + +#feedback-wrapper{ + margin: 0px; + padding: 0px; + position:fixed; + bottom:0px; + right:0px; + height:315px; + width: 47px; + overflow: hidden; + cursor:pointer; +} + +#feedback-link{ + float: left; + display: block; +} + +#feedback-link img{ + width: 47px; + height:315px; +} +h3#feedback-header{ + display:block; + } + +.remark{ + font-size: 11px; + margin-top: -15px; + margin-bottom:25px; + padding:0px; +} +.remark ul{ + list-style: none; +} +.remark ul li{ + margin:0px; + padding:0px; +} +p.remark i{ + font-style:normal; +} + Modified: trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/images/feedback_logo.png =================================================================== (Binary files differ) Modified: trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/script/toggle.js =================================================================== --- trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/script/toggle.js 2009-05-29 15:48:53 UTC (rev 15606) +++ trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/script/toggle.js 2009-05-29 16:03:34 UTC (rev 15607) @@ -1,3 +1,114 @@ +var inputCorrect = false; +var textCorrect = false; + +function getPlace(){ + if(navigator.appName=="Microsoft Internet Explorer" && parseFloat(navigator.appVersion) < 7){ + document.getElementById('place').style.display = "block"; + } +} + +function showPopup(_popupId) { + document.getElementById(_popupId).style.display = "block"; + document.getElementById('timeOutDiv').style.display = "block"; + document.getElementById("feedback-maincontainer").style.display = "block"; + document.getElementById("guide_words").style.display = "block"; + getPlace(); +} + +function hidePopup(_popupId, form, iFrame, but, container) { + document.getElementById(_popupId).style.display = "none"; + document.getElementById('timeOutDiv').style.display = "none"; + document.getElementById(iFrame).style.display = "none"; + document.getElementById(form).style.display = "block"; + document.getElementById(but).style.display = "inline"; + document.getElementById(container).style.left="30%"; + document.getElementById(container).style.top="20%"; + document.getElementById(container).style.width="500px"; + document.getElementById(container).style.height="440px"; + getPlace(); +} + +function showIFrame(form, iFrame, but, container){ + document.getElementById(form).style.display = "none"; + document.getElementById(but).style.display = "none"; + document.getElementById(iFrame).style.display = "block"; + document.getElementById(container).style.height="99%"; + document.getElementById(container).style.left="10%"; + document.getElementById(container).style.top="0"; + document.getElementById(container).style.width="80%"; + document.getElementById("guide_words").style.display = "none"; + +} +function fillForm(form){ + document.getElementById(form).attributes['action'].value = + document.getElementById(form).attributes['action'].value + +'&priority='+document.getElementById('priority').value + +'&summary='+document.getElementById('feedback-summary').value + +'&description='+document.getElementById('feedback-description').value + +'&environment='+document.getElementById('feedback-environment').value + +'&components='+document.getElementById('components').value + +'&versions='+document.getElementById('versions').value + +'&customfield_12310031='+document.getElementById('customfield_12310031').value; +} + +function submitForm(form, iFrame, but, container){ + document.getElementById(form).submit(); + showIFrame(form, iFrame, but, container); +} + +function setFieldFlag(type, flag){ + if(type=="textarea"){ + textCorrect = flag; + }else if(type=="text"){ + inputCorrect = flag; + } +} +function countLeft(fieldToCheck, count, max) { + var field = document.getElementById(fieldToCheck); + var left = 'none'; + var char_count = field.value.length; + var fullStr = field.value + " "; + var initial_whitespace_rExp = /^[^A-Za-z0-9]+/gi; + var left_trimmedStr = fullStr.replace(initial_whitespace_rExp, ""); + var non_alphanumerics_rExp = rExp = /[^A-Za-z0-9]+/gi; + var cleanedStr = left_trimmedStr.replace(non_alphanumerics_rExp, " "); + var splitString = cleanedStr.split(" "); + var word_count = splitString.length -1; + if (fullStr.length <2) { + word_count = 0; + } + if (field.value.length > max){ + field.value = field.value.substring(0, max); + }else if(count != "none"){ + left = document.getElementById(count); + if(navigator.appName=="Microsoft Internet Explorer"){ + left.innerText = max - field.value.length; + }else{ + left.textContent = max - field.value.length; + } + + } + if (word_count >= 1){ + setFieldFlag(field.type, true); + }else{ + setFieldFlag(field.type, false); + } + if(inputCorrect && textCorrect){ + document.getElementById("feedback-submit").disabled=false; + document.getElementById("feedback-submit").style.color="#415973"; + }else{ + document.getElementById("feedback-submit").disabled=true; + document.getElementById("feedback-submit").style.color="#999"; + } +} + + +function init(input, textarea){ + document.getElementById("feedback-submit").disabled=true; + countLeft(input, "left", 255); + countLeft(textarea, "none", 500); +} + // attach handler to window object Event.observe(window,'load',initializeEmailClient,false);