Re-arranging the Tabs

Question

sane83 0 Newbie Poster

13 Years Ago

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>

javascript

Edited 13 Years Ago 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 13 Years Ago Latest Post by sane83

NormR1 563 Posting Sage

13 Years Ago

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

Ezzaral 2,714 Posting Sage

13 Years Ago

Moving to Javascript.

Reply to this topic

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.

sane83 0 Newbie Poster · Answer 1 · 2011-06-06T12:03:21+00:00

sane83 0 Newbie Poster

13 Years Ago

Never mind..Found it..thankss

sane83 0 Newbie Poster · Answer 2 · 2011-06-14T17:35:35+00:00

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.

sane83 0 Newbie Poster · Answer 3 · 2011-06-17T19:35:46+00:00

sane83 0 Newbie Poster

13 Years Ago

Any help...

sane83 0 Newbie Poster · Answer 4 · 2011-06-20T13:28:25+00:00

sane83 0 Newbie Poster

13 Years Ago

hmmmm..No Help here.
Byeee..