Avatar billede superraider Nybegynder
09. april 2006 - 01:02 Der er 22 kommentarer og
1 løsning

nogen der kan lave en smart JS kode til dette.

<select name="hunter" class="adform" size="20">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option>5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
    </select>
    </td></tr>
    <tr><td class="NewsBody">Mages:<br>
    <select name="Mage" class="adform" size="20">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option>5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
    </select>
    <tr><td class="NewsBody">Rogues:<br>
    <select name="Rogue" class="adform" size="20">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option>5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
    </select>
    <tr><td class="NewsBody">Warlocs:<br>
    <select name="Warlock" class="adform" size="20">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option>5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
    </select>
    <tr><td class="NewsBody">Warriors:<br>
    <select name="Warrior" class="adform" size="20">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option>5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
    </select>
    <tr><td class="NewsBody">Priests:<br>
    <select name="Priest" class="adform" size="20">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option>5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
    </select>
    <tr><td class="NewsBody">Paladins:<br>
    <select name="Paladin" class="adform" size="20">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option>5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
    </select>
    <tr><td class="NewsBody">Druids:<br>
    <select name="Druids" class="adform" size="20">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option>5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
    </select>


Nogen der kan lave et sykke smart JS kode til ovenstående.
var default = "5,5,5,5,5,5,5,5"

summen af alle 8 <select> skal være =40 og de skal starte på det some default er. "5,5,5,... osv" den første er hunter, andet er mage, tredje er rogue og så videre, samme rækkefølge some de er skrevet i html koden ovenfor.

Når det giver 40, så skal man ikke kunne øge summen, dvs at fra start skal den all sellects have fra 0-5 ect.

Hvis man så vil have muligheden for at øge hunter til 7 så skal man først lave en af de andre 7 mindre med 2.

Håber nogen forstår det.

og så ellers skrive svaret i
<input name="result" class="adform" type="text" size="20">
som ect "5,5,5,5,5,5,5,5"

400 point til den der gider lave det. smider 200 her og så laver vi en mere med 200. asap
Avatar billede pinball Nybegynder
09. april 2006 - 04:30 #1
til din information så må man max give 200 point per spørgsmål.
Avatar billede mclemens Nybegynder
09. april 2006 - 04:41 #2
Script indsættes i head og class="adform" samt
onchange="chkstr(this);" på select's ;)

<script type="text/javascript">
<!--

istr=40;

function chkstr(tmpid){
tmpvalue=0;
slcads=document.getElementsByTagName("select");
for(runit=0;runit<slcads.length;runit++){
  if(slcads[runit].className=="adform"){
  tmpvalue+=slcads[runit].selectedIndex+1;
  }
}
if(tmpvalue-istr>0){
  tmpid.selectedIndex=istr-(tmpvalue-(tmpid.selectedIndex));
}
}

//-->
</script>


Eksempel:




<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html{margin:0px;padding:0px;overflow:auto;}
body{margin:5px 0px;padding:0px;}

.main{width:730px;border:1px solid black;position:absolute;top:50%;left:50%;padding:10px; margin: -198px 0px 0px -375px;}
.submitit{width:700px;border:1px solid black;margin:0px auto;}

.leftincrew{width:175px;float:left;}
.rightincrew{width:175px;float:right;}

.clear{clear:both;}
.clearspace{clear:both;height:10px;font-size:1px;line-height:1px;}
#crewleft{width:360px;float:left;}
#crewright{width:360px;float:right;}
.adform{width:45px;height:166px;float:left;}
.jbutton{width:50%;background-color:silver;float:right;border:1px solid gray;}
.uline{text-decoration:underline;}
.classinfo{width:114px;height:158px;float:right;border:1px solid silver;padding:3px;}

</style>

<script type="text/javascript">
<!--

istr=40;

function chkstr(tmpid){
tmpvalue=0;
slcads=document.getElementsByTagName("select");
for(runit=0;runit<slcads.length;runit++){
  if(slcads[runit].className=="adform"){
  tmpvalue+=slcads[runit].selectedIndex+1;
  }
}
if(tmpvalue-istr>0){
  tmpid.selectedIndex=istr-(tmpvalue-(tmpid.selectedIndex));
}
}

//-->
</script>

</head>

<body><div class="main">

<form method="POST" action="#123" style="display:inline;">

<div id="crewleft">

<div class="leftincrew">
<select name="hunter" class="adform" size="10" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select>
  <div class="classinfo">
  <b class="uline">Hunter</b>:<br>
  </div>
</div>

<div class="rightincrew">
<select name="Mage" class="adform" size="10" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select>
  <div class="classinfo">
  <b class="uline">Mage</b>:<br>
  </div>
</div>

</div>

<div id="crewright">

<div class="leftincrew">
<select name="Rogue" class="adform" size="10" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select>
  <div class="classinfo">
  <b class="uline">Rogue</b>:<br>
  </div>
</div>

<div class="rightincrew">
<select name="Warlock" class="adform" size="10" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select>
  <div class="classinfo">
  <b class="uline">Warlock</b>:<br>
  </div>
</div>

</div>

<div class="clearspace"></div>

<div class="spacer"></div>

<div id="crewleft">

<div class="leftincrew">
<select name="Warrior" class="adform" size="10" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select>
  <div class="classinfo">
  <b class="uline">Warrior</b>:<br>
  </div>
</div>

<div class="rightincrew">
<select name="Priest" class="adform" size="10" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select>
  <div class="classinfo">
  <b class="uline">Priest</b>:<br>
  </div>
</div>

</div>

<div id="crewright">

<div class="leftincrew">
<select name="Paladin" class="adform" size="10" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select>
  <div class="classinfo">
  <b class="uline">Paladin</b>:<br>
  </div>
</div>

<div class="rightincrew">
<select name="Druids" class="adform" size="10" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select>
  <div class="classinfo">
    <b class="uline">Druids</b>:<br>
  </div>
</div>

</div>

<div class="clearspace"></div>

<div class="submitit">
<input type="submit" value="Start the journey" class="jbutton">
<input type="reset" value="Reset party strength" class="jbutton">
<div class="clear"></div>
</div>

</form>

</div></body></html>
Avatar billede mclemens Nybegynder
09. april 2006 - 04:57 #3
og en med point optælling/nedtælling også sæt id="pcount" på den div der skal indeholde point tilbage tallet og brug det nye script fra denne...

- her er det nye script sammen med test body'en:



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html{margin:0px;padding:0px;overflow:auto;}
body{margin:5px 0px;padding:0px;}

.main{width:730px;border:1px solid black;position:absolute;top:50%;left:50%;padding:10px; margin: -198px 0px 0px -375px;}
.submitit{width:700px;border:1px solid black;margin:0px auto;}

.leftincrew{width:175px;float:left;}
.rightincrew{width:175px;float:right;}

.clear{clear:both;}
.clearspace{clear:both;height:10px;font-size:1px;line-height:1px;}
#crewleft{width:360px;float:left;}
#crewright{width:360px;float:right;}
.adform{width:45px;height:166px;float:left;}
#pcount{text-align:center;width:110px;height:19px;background-color:silver;float:left;border:1px solid gray;}
.jbutton{width:294px;height:21px;background-color:silver;float:left;border:1px solid gray;}
.uline{text-decoration:underline;}
.classinfo{width:114px;height:158px;float:right;border:1px solid silver;padding:3px;}

</style>

<script type="text/javascript">
<!--

istr=40;

function chkstr(tmpid){
tmpvalue=0;
slcads=document.getElementsByTagName("select");
for(runit=0;runit<slcads.length;runit++){
  if(slcads[runit].className=="adform"){
  tmpvalue+=slcads[runit].selectedIndex+1;
  }
}
if(tmpvalue-istr>0){
  tmpid.selectedIndex=istr-(tmpvalue-(tmpid.selectedIndex));
  tmpvalue=40;
}
document.getElementById("pcount").childNodes.item(0).data="Points tilbage: "+(istr-tmpvalue);
}

//-->
</script>

</head>

<body><div class="main">

<form method="POST" action="#123" style="display:inline;">

<div id="crewleft">

<div class="leftincrew">
<select name="hunter" class="adform" size="10" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select>
  <div class="classinfo">
  <b class="uline">Hunter</b>:<br>
  </div>
</div>

<div class="rightincrew">
<select name="Mage" class="adform" size="10" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select>
  <div class="classinfo">
  <b class="uline">Mage</b>:<br>
  </div>
</div>

</div>

<div id="crewright">

<div class="leftincrew">
<select name="Rogue" class="adform" size="10" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select>
  <div class="classinfo">
  <b class="uline">Rogue</b>:<br>
  </div>
</div>

<div class="rightincrew">
<select name="Warlock" class="adform" size="10" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select>
  <div class="classinfo">
  <b class="uline">Warlock</b>:<br>
  </div>
</div>

</div>

<div class="clearspace"></div>

<div class="spacer"></div>

<div id="crewleft">

<div class="leftincrew">
<select name="Warrior" class="adform" size="10" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select>
  <div class="classinfo">
  <b class="uline">Warrior</b>:<br>
  </div>
</div>

<div class="rightincrew">
<select name="Priest" class="adform" size="10" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select>
  <div class="classinfo">
  <b class="uline">Priest</b>:<br>
  </div>
</div>

</div>

<div id="crewright">

<div class="leftincrew">
<select name="Paladin" class="adform" size="10" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select>
  <div class="classinfo">
  <b class="uline">Paladin</b>:<br>
  </div>
</div>

<div class="rightincrew">
<select name="Druids" class="adform" size="10" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select>
  <div class="classinfo">
    <b class="uline">Druids</b>:<br>
  </div>
</div>

</div>

<div class="clearspace"></div>

<div class="submitit">
<input type="reset" value="Reset party strength" class="jbutton">
<div id="pcount">Point tilbage: 0</div>
<input type="submit" value="Start the journey" class="jbutton">
<div class="clear"></div>
</div>

</form>

</div></body></html>
Avatar billede superraider Nybegynder
09. april 2006 - 05:25 #4
har lige ændret det lidt så det passer til mit. men den mangler stading at selected ud fra default. fra <input name="classes" value="5,5,5,5,5,5,5,5" og hver gang der ændres i en af classerne, så ændre den også value of name=classes. ect hvis hunters ændres til 4, så bliver value="4,5,5,5,5,5,5,5"


det kunne også være dejlig vis den fjernede de some ikke kan vælges. hvis nu hunters max kan være 5, så viser den ikke mulighederne fro 6-10



    <table>
    <tr><td class="NewsBody">Date<br>
<SCRIPT LANGUAGE="JavaScript">
<!--

istr=40;

function chkstr(tmpid){
tmpvalue=0;
slcads=document.getElementsByTagName("select");
for(runit=0;runit<slcads.length;runit++){
  if(slcads[runit].className=="adform"){
  tmpvalue+=slcads[runit].selectedIndex+1;
  }
}
if(tmpvalue-istr>0){
  tmpid.selectedIndex=istr-(tmpvalue-(tmpid.selectedIndex));
}
}



  function senddate(){
tmptext=document.getElementById("time").value;
if((tmptext.length==4)&&(tmptext>999)){
tmptext=tmptext.substr(0,2)+":"+tmptext.substr(2)+":00";
document.getElementById("dato").value=document.getElementById("dates").value+" "+tmptext;
}else document.getElementById("dato").value="";
    }
 
var months = new Array("1","2","3","4","5","6",
            "7","8","9","10","11","12");
var days = new Array("Sunday","Monday","Tuesday","Wednesday",
            "Thursday","Friday","Saturday");

var today = new Date();
var maaned= today.getMonth();
    today = new Date( today.getFullYear(), maaned, today.getDate() );
var oDate = new Date( today.getFullYear(), maaned, 1);
var txt  = new Array();




for ( ; 3>((oDate.getMonth()+24-maaned)%12); ) { // write 3 months
  oDag = "" +oDate.getDate();
if(oDate.getMonth()+1)tmpmon="0"+(oDate.getMonth()+1);
  txt[txt.length] = "<option"
        + ((oDate.valueOf()==today.valueOf()) ?" selected" :"" )
        + " value=\""
        + (10>oDag?"0"+oDag:oDag) + "-"
        + tmpmon + "-"
        + oDate.getFullYear()
        +"\">" +days[oDate.getDay()] +" " +(10>oDag?"0"+oDag:oDag)
        + "-" +months[oDate.getMonth()] +"-" +oDate.getFullYear()
        + "</option>";
  oDate = new Date( oDate.valueOf() + 24*60*60*1000 ); //næste dag
}
document.write( "<select name=dates id=\"dates\" size=1 onChange='senddate();'>"
              + txt.join("") + "</select>");
//-->
</SCRIPT>
    </td></tr>
    <tr><td class="NewsBody">date:<br><input name="dato" id="dato" class="adform" type="text" size="20"></td></tr>
    <tr><td class="NewsBody">Time:<br><input name="time" id="time" class="adform" type="text" size="20" maxlength="4" onkeyup='senddate();'></td></tr>
    <tr><td class="NewsBody">Note:<br><input name="note" class="adform" type="text" size="20"></td></tr>
    <tr><td class="NewsBody"><input class="adform" type="submit" size="10" value="Add Raid"></td></tr>
    <tr><td class="NewsBody">
 
  <b>Hunter</b>:<br>
<select name="hunter" class="adform" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select><br>
 
  <b>Mage</b>:<br>
<select name="Mage" class="adform" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select><br>
 
  <b>Rogue</b>:<br>
<select name="Rogue" class="adform" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select><br>

  <b>Warlock</b>:<br>
<select name="Warlock" class="adform" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select><br>

<b>Warrior</b>:<br>
<select name="Warrior" class="adform" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select><br>

<b>Priest</b>:<br>
<select name="Priest" class="adform" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select><br>

  <b>Paladin</b>:<br>
<select name="Paladin" class="adform" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select><br>

    <b>Druids</b>:<br>
<select name="Druids" class="adform" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option selected="selected">5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select><br>
 
    </td></tr>
    <tr><td class="NewsBody">Classes:<br><input name="classes" class="adform" type="text" size="20" value="5,5,5,5,5,5,5,5"></td></tr>
    </table>
Avatar billede mclemens Nybegynder
09. april 2006 - 10:14 #5
ok...
Avatar billede mclemens Nybegynder
09. april 2006 - 10:15 #6
ok... -> ok det kigger jeg lige på :)
Avatar billede mclemens Nybegynder
09. april 2006 - 10:47 #7
<table>
    <tr><td class="NewsBody">Date<br>
<SCRIPT LANGUAGE="JavaScript">
<!--

istr=40;

window.onload=function(){chkstr("all");}

function chkstr(tmpid){
tmpvalue=0;
if(document.getElementById("classes").value.indexOf(",")!=0){
document.getElementById("classes").value=","+document.getElementById("classes").value;}
slcads=document.getElementsByTagName("select");
slcclasses=document.getElementById("classes").value.split(",");
for(runit=0;runit<slcads.length;runit++){
  if(slcads[runit].className=="adform"){
  if(tmpid=="all"){
    slcads[runit].selectedIndex=slcclasses[runit]-1;
    tmpvalue+=slcclasses[runit];
  }else tmpvalue+=slcads[runit].selectedIndex+1;
  slcclasses[runit]=slcads[runit].selectedIndex+1;
  if(slcads[runit]==tmpid)slcclasses[runit]=tmpid.selectedIndex+1;
  }
}
if((tmpvalue-istr>0)&&(tmpid!="all")){
  tmpid.selectedIndex=istr-(tmpvalue-(tmpid.selectedIndex));
  chkstr(tmpid);
}else document.getElementById("classes").value=slcclasses;
}

  function senddate(){
tmptext=document.getElementById("time").value;
if((tmptext.length==4)&&(tmptext>999)){
tmptext=tmptext.substr(0,2)+":"+tmptext.substr(2)+":00";
document.getElementById("dato").value=document.getElementById("dates").value+" "+tmptext;
}else document.getElementById("dato").value="";
    }

var months = new Array("1","2","3","4","5","6",
            "7","8","9","10","11","12");
var days = new Array("Sunday","Monday","Tuesday","Wednesday",
            "Thursday","Friday","Saturday");

var today = new Date();
var maaned= today.getMonth();
    today = new Date( today.getFullYear(), maaned, today.getDate() );
var oDate = new Date( today.getFullYear(), maaned, 1);
var txt  = new Array();




for ( ; 3>((oDate.getMonth()+24-maaned)%12); ) { // write 3 months
  oDag = "" +oDate.getDate();
if(oDate.getMonth()+1)tmpmon="0"+(oDate.getMonth()+1);
  txt[txt.length] = "<option"
        + ((oDate.valueOf()==today.valueOf()) ?" selected" :"" )
        + " value=\""
        + (10>oDag?"0"+oDag:oDag) + "-"
        + tmpmon + "-"
        + oDate.getFullYear()
        +"\">" +days[oDate.getDay()] +" " +(10>oDag?"0"+oDag:oDag)
        + "-" +months[oDate.getMonth()] +"-" +oDate.getFullYear()
        + "</option>";
  oDate = new Date( oDate.valueOf() + 24*60*60*1000 ); //næste dag
}
document.write( "<select name=dates id=\"dates\" size=1 onChange='senddate();'>"
              + txt.join("") + "</select>");
//-->
</SCRIPT>
    </td></tr>
    <tr><td class="NewsBody">date:<br><input name="dato" id="dato" class="adform" type="text" size="20"></td></tr>
    <tr><td class="NewsBody">Time:<br><input name="time" id="time" class="adform" type="text" size="20" maxlength="4" onkeyup='senddate();'></td></tr>
    <tr><td class="NewsBody">Note:<br><input name="note" class="adform" type="text" size="20"></td></tr>
    <tr><td class="NewsBody"><input class="adform" type="submit" size="10" value="Add Raid"></td></tr>
    <tr><td class="NewsBody">

  <b>Hunter</b>:<br>
<select name="hunter" class="adform" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option>5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select><br>

  <b>Mage</b>:<br>
<select name="Mage" class="adform" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option>5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select><br>

  <b>Rogue</b>:<br>
<select name="Rogue" class="adform" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option>5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select><br>

  <b>Warlock</b>:<br>
<select name="Warlock" class="adform" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option>5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select><br>

<b>Warrior</b>:<br>
<select name="Warrior" class="adform" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option>5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select><br>

<b>Priest</b>:<br>
<select name="Priest" class="adform" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option>5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select><br>

  <b>Paladin</b>:<br>
<select name="Paladin" class="adform" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option>5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select><br>

    <b>Druids</b>:<br>
<select name="Druids" class="adform" onchange="chkstr(this);">
    <option>1</option><option>2</option><option>3</option>
    <option>4</option><option>5</option><option>6</option>
    <option>7</option><option>8</option><option>9</option>
    <option>10</option>
</select><br>

    </td></tr>
    <tr><td class="NewsBody">Classes:<br><input name="classes" class="adform" id="classes" type="text" size="20" value="5,5,5,5,5,5,5,5"></td></tr>
    </table>
Avatar billede mclemens Nybegynder
09. april 2006 - 10:56 #8
bemærk der er sat id="classes" på input'tet med name="classes"
... ^ dennes værdi vil være i formen: ,5,5,5,5,5,5,5,5 prøver lige om jeg kan rette det... og poste et nyt script der ikke sætter et komma foran...
Avatar billede mclemens Nybegynder
09. april 2006 - 10:59 #9
Her er et script der ikke sætter et komma foran:

<SCRIPT LANGUAGE="JavaScript">
<!--

istr=40;

window.onload=function(){chkstr("all");}

function chkstr(tmpid){
tmpvalue=0;
if(document.getElementById("classes").value.indexOf(",")!=0){
document.getElementById("classes").value=","+document.getElementById("classes").value;}
slcads=document.getElementsByTagName("select");
slcclasses=document.getElementById("classes").value.split(",");
for(runit=0;runit<slcads.length;runit++){
  if(slcads[runit].className=="adform"){
  if(tmpid=="all"){
    slcads[runit].selectedIndex=slcclasses[runit]-1;
    tmpvalue+=slcclasses[runit];
  }else tmpvalue+=slcads[runit].selectedIndex+1;
  slcclasses[runit]=slcads[runit].selectedIndex+1;
  if(slcads[runit]==tmpid)slcclasses[runit]=tmpid.selectedIndex+1;
  }
}
if((tmpvalue-istr>0)&&(tmpid!="all")){
  tmpid.selectedIndex=istr-(tmpvalue-(tmpid.selectedIndex));
  chkstr(tmpid);
}else{document.getElementById("classes").value=slcclasses;
  document.getElementById("classes").value=document.getElementById("classes").value.substr(1);
}
}



  function senddat...

...

og: <input name="classes" class="adform" id="classes" type="text" size="20" value="5,5,5,5,5,5,5,5">
Avatar billede mclemens Nybegynder
09. april 2006 - 11:43 #10
... og så er selected="selected" også blevet fjernet fra option'nerne
Avatar billede superraider Nybegynder
09. april 2006 - 12:31 #11
takker for det så, laver lige et opfølgene spørgsmål, omkring at fjerne de some ikke kan vælges. hvis nu hunters max kan være 5, så viser den ikke mulighederne fro 6-10
Avatar billede superraider Nybegynder
09. april 2006 - 12:34 #12
Avatar billede mclemens Nybegynder
09. april 2006 - 12:38 #13
ok, takker for pointene her :)
Avatar billede superraider Nybegynder
09. april 2006 - 19:18 #14
<input id="pcount" type="text" size="2">

har smidt den der ind nu, men kan ikke rigtig finde ud af at få den til at lægge dem alle sammen og skrive antallet i pcount.
Avatar billede mclemens Nybegynder
09. april 2006 - 19:52 #15
... den var beregnet til en div ... "to" sekunder :P
- den anden tråd kigger jeg på, men den var vist sværere end jeg lige troede :P
Avatar billede mclemens Nybegynder
09. april 2006 - 19:55 #16
document.getElementById("pcount").childNodes.item(0).data="Points tilbage: "+(istr-tmpvalue);
->
document.getElementById("pcount").value="Points tilbage: "+(istr-tmpvalue);
Avatar billede mclemens Nybegynder
09. april 2006 - 21:08 #17
inkluderer den i den nye også... ;)
Avatar billede superraider Nybegynder
09. april 2006 - 22:29 #18
Points tilbage: -55555515
Avatar billede mclemens Nybegynder
09. april 2006 - 23:16 #19
av :P
Avatar billede mclemens Nybegynder
09. april 2006 - 23:21 #20
<SCRIPT LANGUAGE="JavaScript">
<!--

istr=40;

window.onload=function(){chkstr("all");}

function chkstr(tmpid){
tmpvalue=0;
if(document.getElementById("classes").value.indexOf(",")!=0){
document.getElementById("classes").value=","+document.getElementById("classes").value;}
slcads=document.getElementsByTagName("select");
slcclasses=document.getElementById("classes").value.split(",");
for(runit=0;runit<slcads.length;runit++){
  if(slcads[runit].className=="adform"){
  if(tmpid=="all"){
    slcads[runit].selectedIndex=slcclasses[runit]-1;
    tmpvalue+=+slcclasses[runit];
  }else tmpvalue+=slcads[runit].selectedIndex+1;
  slcclasses[runit]=slcads[runit].selectedIndex+1;
  if(slcads[runit]==tmpid)slcclasses[runit]=tmpid.selectedIndex+1;
  }
}
if((tmpvalue-istr>0)&&(tmpid!="all")){
  tmpid.selectedIndex=istr-(tmpvalue-(tmpid.selectedIndex));
  chkstr(tmpid);
}else document.getElementById("classes").value=slcclasses;

document.getElementById("pcount").value="Points tilbage: "+(istr-tmpvalue);
}
Avatar billede superraider Nybegynder
09. april 2006 - 23:52 #21
,5,5,5,5,5,5,5,5  kan du fjerne kommaet igen, i classes felted .p
Avatar billede mclemens Nybegynder
10. april 2006 - 00:04 #22
<SCRIPT LANGUAGE="JavaScript">
<!--

istr=40;

window.onload=function(){chkstr("all");}

function chkstr(tmpid){
tmpvalue=0;
if(document.getElementById("classes").value.indexOf(",")!=0){
document.getElementById("classes").value=","+document.getElementById("classes").value;}
slcads=document.getElementsByTagName("select");
slcclasses=document.getElementById("classes").value.split(",");
for(runit=0;runit<slcads.length;runit++){
  if(slcads[runit].className=="adform"){
  if(tmpid=="all"){
    slcads[runit].selectedIndex=slcclasses[runit]-1;
    tmpvalue+=+slcclasses[runit];
  }else tmpvalue+=slcads[runit].selectedIndex+1;
  slcclasses[runit]=slcads[runit].selectedIndex+1;
  if(slcads[runit]==tmpid)slcclasses[runit]=tmpid.selectedIndex+1;
  }
}
if((tmpvalue-istr>0)&&(tmpid!="all")){
  tmpid.selectedIndex=istr-(tmpvalue-(tmpid.selectedIndex));
  chkstr(tmpid);
}else document.getElementById("classes").value=slcclasses;
document.getElementById("classes").value=document.getElementById("classes").value.substr(1);

document.getElementById("pcount").value="Points tilbage: "+(istr-tmpvalue);
}
Avatar billede mclemens Nybegynder
02. maj 2006 - 01:42 #23
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Faglig teamleder til styring og kvalitetssikring for Rekvirentteam i Forsvaret

AL Sydbank A/S (tidligere Arbejdernes Landsbank)

Teamleder til AL Sydbanks GDPR & Tech Regulation i Aabenraa

Allerød Kommune

Digitaliseringschef

Udlændinge- og Integrationsministeriet

Jira og Confluence administrator til Koncern It