Member Avatar for sane83

Sorry to ask this, i know its that simple.
Am working on Java for the first time.
All the tabs that i placed appears below the text. I want the tabs to be appearing right after the text towards the right.
Can someone help me with this.

Attached is the code.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
	<div id="wrapper">
		<div id="header">
			<h1>Service Ticket Case Template</h1>
			</div><BR><BR><BR><BR><BR>
		<ol type="1">
    <lh><Center><h1>Case Template</Center></lh></h1><BR><BR>
    <li>Scope :  Inscope / Out of scope </li><BR><select name="">
  <option value="">Inscope</option>
  <option value="">Out Of Scope</option>
  <option selected value=""></option>
</select>
    <li>Has customer made any software /hardware changes (If yes, then please list the exact changes) :  </li><BR><select name="">
  <option value="">Yes</option>
  <option selected value="">No</option>
</select>
    <li>Has the customer run System Recovery :  Yes / No </li><BR><select name="">
  <option value="">Yes</option>
  <option selected value="">No</option>
</select>
    <li>Troubleshooting : 	</li><BR><BR><textarea name="" rows="" cols=""></textarea>
    <li>Steps accomplished till ASG Intervention point? (if any)  </li><BR><textarea name="" rows="" cols=""></textarea>
    <li>Logic Flow Executed :  Yes / No </li><BR><BR><select name="">
  <option value="">Yes</option>
  <option selected value="">No</option>
</select>
    <li>Recap and Educated :  Yes / No </li><BR><BR><select name="">
  <option value="">Yes</option>
  <option selected value="">No</option>
</select>
    <li>Confirmed Resolution (Restarted PC) :  Yes / No </li><BR><BR><select name="">
  <option value="">Yes</option>
  <option selected value="">No</option>
</select>
    <li>Reason for No Resolution (If applicable) :  </li><BR><textarea name="" rows="" cols=""></textarea>
    <li>Refer to 3rd party details (If applicable): </li><BR><textarea name="" rows="" cols=""></textarea>
    <li>Call Back Offered</li><BR><BR><textarea name="" rows="" cols=""></textarea>
</ol> 
<br>
<input type="submit" name="submit" value="CopyToClipboard">
<script type="text/javascript">

function CopyToClipboard()

{

   CopiedTxt = document.selection.createRange();

   CopiedTxt.execCommand("Copy");

}

</script>
		<BR><BR><BR><BR><BR>
		<p id="footer">Case Template</a>By Sane</p>
	</div>
</body>
</html>
Edited by Ezzaral because: Added code tags. Please use them to format any code that you post.
  • 3 Contributors
  • 6 Replies
  • 98 Views
  • 2 Weeks Discussion Span
  • Latest Post Latest Post by sane83
Member Avatar for sane83

Never mind..Found it..thankss

Member Avatar for sane83

HI again..
I need to insert a line terminator in my code here..

<head>
<script type="text/javascript">
    function copy() {
        var holdtext = document.getElementById("holdtext");

        var span1 = document.getElementById("span1").innerText;
        var s1 = document.getElementById("span1value");
        var s1text = s1.options[s1.selectedIndex].text;

        var span2 = document.getElementById("span2").innerText;
        var s2 = document.getElementById("span2select");
        var s2text = s2.options[s2.selectedIndex].text;

        var span3 = document.getElementById("span3").innerText;
        var s3 = document.getElementById("span3select");
        var s3text = s3.options[s3.selectedIndex].text;


        var span4 = document.getElementById("span4").innerText;
        var s4 = document.getElementById("span4select").innerText;

        var span5 = document.getElementById("span5").innerText;
        var s5 = document.getElementById("span5select").innerText;

        var span6 = document.getElementById("span6").innerText;
        var s6 = document.getElementById("span6select");
        var s6text = s6.options[s6.selectedIndex].text;

        var span7 = document.getElementById("span7").innerText;
        var s7 = document.getElementById("span7select");
        var s7text = s7.options[s7.selectedIndex].text;

        var span8 = document.getElementById("span8").innerText;
        var s8 = document.getElementById("span8select");
        var s8text = s8.options[s8.selectedIndex].text;


        var span9 = document.getElementById("span9").innerText;
        var s9 = document.getElementById("span9select").innerText;

        var span10 = document.getElementById("span10").innerText;
        var s10 = document.getElementById("span10select").innerText;

        var span11 = document.getElementById("span11").innerText;
        var s11 = document.getElementById("span11select").innerText;





        var finaltext = span1 + ":" + s1text + span2 + ":" + s2text + span3 + ":" + s3text + span4 + ":" + s4 + span5 + ":" + s5 + +span6 + ":" + s6text + span7 + ":" + s7text + span8 + ":" + s8text + span9 + ":" + s9 + span10 + ":" + s10 + span11 + ":" + s11;

        if (window.clipboardData && clipboardData.setData) {
            clipboardData.setData("Text", finaltext);
        }

    }

</script>
</head>

<body>
<div>
<div id="wrapper">
<div id="header">
<h2>Service Ticket Case Template<h2>
</div>
</br>
</br>
</br>

<textarea ID="holdtext" style="display:none;">
</textarea>
<ol type="1" style="font-weight: bold;">

<lh>
<Center>
<h1>Case Template
</Center>
</lh>
</h1>



<table>
<tr>
<td>
<span>1. </span>
<span id="span1" style="display:none;">Scope :  Inscope / Out of scope</span>
<span  style="font-weight:normal">Scope :  Inscope / Out of scope
 <select id="span1value" >
 <option value="">Inscope</option>
  <option value="">Out Of Scope</option>
  <option selected value=""></option>

</select>
</span>
</td>
</tr>
</table>

<table>
<tr>
<td>
<span>2. </span>
<span id="span2" style="display:none;">Has customer made any software /hardware changes (If yes, then please list the exact changes) :  </span>
<span style="font-weight:normal">Has customer made any software /hardware changes (If yes, then please list the exact changes) :  <select id="span2select" >
<option value="">Yes</option>
  <option selected value="">No</option>

</select>
</span>
</td>
</tr>
</table>

<table>
<tr>
<td>
<span>3. </span>
<span id="span3" style="display:none;">Has the customer run System Recovery : Yes /No </span>
<span id="span3" style="font-weight:normal">Has the customer run System Recovery :  Yes / No <select id="span3select">
<option value="">Yes</option>
  <option selected value="">No</option>

</select>
</span>
</td>
</tr>
</table>


<table>
<tr>
<td>

<div style="float: left; padding-right: 10px;">
<span>4. </span>
<span id="span4" style="display:none;">Troubleshooting :</span>
<span id="span4" style="font-weight:normal">Troubleshooting :</span></div>
<div style="float: left;">
<textarea id="span4select" name="" rows="" cols="">
</textarea>
</div>
</td>
</tr>
</table>

<table>
<tr>
<td>
<div style="float: left; padding-right: 10px;">
<span>5. </span>
<span id="span5" style="display:none;">Steps accomplished till ASG Intervention point? (if any) </span>
<span id="span5" style="font-weight:normal">Steps accomplished till ASG Intervention point? (if any) </span></div>
<div style="float: left;">
<textarea id="span5select" name="" rows="" cols="">
</textarea>
</div>
</td>
</tr>
</table>

<table>
<tr>
<td>
<div>
<span>6. </span>
<span id="span6" style="display:none;">Logic Flow Executed : Yes / No </span>
<span id="span6" style="font-weight:normal">Logic Flow Executed : Yes / No <select id="span6select">
<option value="">Yes</option>
  <option selected value="">No</option>

</select>
</span>
</div>
</td>
</tr>
</table>

<table>
<tr>
<td>
<div>
<span>7. </span>
<span id="span7" style="display:none;">Recap and Educated :  Yes / No </span>
<span id="span7" style="font-weight:normal">Recap and Educated :  Yes / No <select id="span7select">
<option value="">Yes</option>
  <option selected value="">No</option>

</select>
</span>
</div>
</td>
</tr>
</table>

<table>
<tr>
<td>
<div>
<span>8. </span>
<span id="span8" style="display:none;">Recap and Educated :  Yes / No </span>
<span id="span8" style="font-weight:normal">Confirmed Resolution (Restarted PC) :  Yes / No <select id="span8select">
<option value="">Yes</option>
  <option selected value="">No</option>

</select>
</span>
</div>
</td>
</tr>
</table>


<table>
<tr>
<td>
<div style="float: left; padding-right: 10px;">
<span>9. </span>
<span id="span9" style="display:none;">Reason for No Resolution (If applicable) :</span>
<span id="span9" style="font-weight:normal">Reason for No Resolution (If applicable) :  </span></div>
<div style="float: left;">
<textarea id="span9select" name="" rows="" cols="">
</textarea>
</div>
</td>
</tr>
</table>

<table>
<tr>
<td>
<div style="float: left; padding-right: 10px;">
<span>10. </span>
<span id="span10" style="display:none;">Refer to 3rd party details (If applicable): </span>
<span id="span10" style="font-weight:normal">Refer to 3rd party details (If applicable): </span></div>
<div style="float: left;">
<textarea id="span10select" name="" rows="" cols="">
</textarea>
</div>
</td>
</tr>
</table>

<table>
<tr>
<td>
<div style="float: left; padding-right: 10px;">
<span>11. </span>
<span id="span11" style="display:none;">Call Back Offered</span>
<span id="span11" style="font-weight:normal">Call Back Offered</span></div>
<div style="float: left;">
<textarea id="span11select" name="" rows="" cols="">
</textarea>
</div>
</td>
</tr>
</table>


</div>

<input type="submit" name="submit" value="Copy" onclick="copy()">
</div>

</body>
<h1 style="color:Red">
</Center>
</lh>
</h1>
</html>

When i click on copy it does copy all the files. and once i paste it am able to paste it to a notepad. but the problem am facing is it all comes in one line. so how do i put a line terminator so that i can separate the lines, coz right now it all comes in one line.

Edited by Ezzaral because: Added code tags. Please use them to format any code that you post.
Member Avatar for NormR1

Perhaps you'd get better answers on an HTML or javascript forum

Member Avatar for Ezzaral

Moving to Javascript.

Member Avatar for sane83

Any help...

Member Avatar for sane83

hmmmm..No Help here.
Byeee..

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.