Avatar billede budda Nybegynder
25. august 2005 - 00:32 Der er 9 kommentarer og
1 løsning

skjul vis tabel med effekt

Hej eksperter.
Sidder her med en lille side hvor jeg har et flot design :)

Nå men til sagen, vil gerne have en funktion der skjuler og viser min søgefunktion.
Så når den er inaktiv skal der bare være en "spacing" tabel på 10px høj (for at nævne et tal)
Når søgning skal vises skal spacingen ændres til højden af søgeformen som eks. er 200px høj og søgefunktionen skal nærmes glide ned, så når den fjernes glider den op og laver sacing om til 10px igen så deisgnet kommer på plads igen.

Så når man trykker på billedet oven over (vis-soegning.gif) skifter den til (skjul-soegning.gif) og omvendt.

Nogen der har en fix funktion til sådan en lille en?
Avatar billede budda Nybegynder
25. august 2005 - 00:35 #1
uuh evt så man kan trykke på advancer og simpel og den bliver henholdvis 100px størrer eller mindre.. ?
Avatar billede roenving Novice
25. august 2005 - 00:36 #2
Måske kan du bruge principperne fra den menu, jeg har vist her: http://www.eksperten.dk/spm/485556#rid4489881 !-)
Avatar billede budda Nybegynder
25. august 2005 - 00:52 #3
puha på en måde ja og på en måde nej :)
siden er opdelt i en tabel der ser sådan her ud:
______________________
|      Toppen        |
|______________________|
| menu |  side  | menu |
|      |        |      |
|      |        |      |
|______|________|______|
|      Bund          |
|______________________| (tak for ASCII TALENTET)

og ville gerne at dn nærmest maste sig frem øverst på "side" og forsvant igen :)
Avatar billede roenving Novice
25. august 2005 - 12:56 #4
Hvis du placerer den der, vil den da gøre det, eller forstår jeg dig ikke ?-)
Avatar billede budda Nybegynder
26. august 2005 - 00:16 #5
Nej når jeg laver det eksempel du har på den anden side så går menuen nærmest over siden og ikke skubbe den ned..
Avatar billede budda Nybegynder
26. august 2005 - 00:24 #6
jamen nej, nu ved jeg ikke lige hvad der sker.. :)
Min fejl :)

Tager lige noget cola for at vågne :)

Hvad med at styrrer det bevægende layer fra en anden position som så skiftet billede??
Plus den ikke gemmer sig bag det der står unden den ligger oven på.. Ps burger Firefox
Avatar billede roenving Novice
26. august 2005 - 00:32 #7
Har du måske tilfældigvis en selectboks eller andet, som man ikke kan lægge andre html-elementer ovenpå, lige under ?-)
Avatar billede budda Nybegynder
26. august 2005 - 14:12 #8
nej en tabel. med tekst.
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Ny side 1</title>
<script language="javascript" type="text/javascript">
var speed = 50;//tid imellem ny højde;
var diff = 2;//antal pixels, som højde ændres med;
var state = new Array(),menus = new Array(),initiated=false,actMenus=0;
function showMenu(d){
  d = (showMenu.arguments.length==1)?document.getElementById(d.id.substring(1)):false;
  //if(initiated&&d&&state[d.id][2]==3)return;
  var num = d?state[d.id][0]:null;
  var newHeight;
  for(i=0;menus.length>i;i++){
    var actId = menus[i].id;
    switch(state[actId][2]){
      case 0:
        if(num===state[actId][0]){
          document.getElementById("o"+actId+'pic').src = "../img/minus.gif"
          state[actId][2] = 1;
          actMenus++;
          newHeight = state[actId][3] + diff;
          if(newHeight>=state[actId][1]){
            state[actId][3] = state[actId][1];
            state[actId][2] = 3;
            actMenus--;
          }else
            state[actId][3] = newHeight;
        }
        break;
      case 1:
        newHeight = state[actId][3] + diff;
        if(newHeight>=state[actId][1]){
          state[actId][3] = state[actId][1];
          state[actId][2] = 3;
          actMenus--;
        }else
          state[actId][3] = newHeight;
        break;
      case 2:
        newHeight = state[actId][3] - diff;
        if(0>=newHeight){
          state[actId][3] = 0;
          state[actId][2] = 0;
          actMenus--;
        }else
          state[actId][3] = newHeight;
        break;
      case 3:
        //if(num!=state[actId][0]){
          document.getElementById("o"+actId+'pic').src = "../img/plus.gif"
          state[actId][2] = 2;
          actMenus++;
          newHeight = state[actId][3] - diff;
          if(0>=newHeight){
            state[actId][3] = 0;
            state[actId][2] = 0;
            actMenus--;
          }else
            state[actId][3] = newHeight;
        //}
    }
    //alert(menus[i].id+"\n"+state[actId][3]);
    menus[i].style.height = state[actId][3] + 'px'; 
  }
  //alert(actMenus);
  initiated = true;
  if(actMenus>0)setTimeout('showMenu()',speed);
}
function init(){
  var divs = document.getElementsByTagName('DIV');
  for(i=0;divs.length>i;i++){
    if(divs[i].id.match(/^menu/)){
      id = divs[i].id;
      menus[menus.length] = divs[i];
      state[id] = new Array();
      state[id][0] = menus.length-1;
      state[id][1] = divs[i].offsetHeight;
      state[id][2] = 3;
      state[id][3] = state[id][1];
      //alert(state[id][3]);
    }
  }
  showMenu();
}
</script>
</head>

<body onload="init();">
<table border="1" width="100%" id="table1" bgcolor="#FFFFFF" height="100%">
    <tr>
        <td height="100">&nbsp;</td>
        <td height="100">&nbsp;</td>

        <td height="100">&nbsp;</td>
    </tr>
    <tr>
        <td>asdasdasd</td>
        <td valign="top"><div id="omenu1" class="menupunkt" onclick="showMenu(this);">
<img id="omenu1pic" src="plus.gif" height="10" width="10" alt="Fold ud/ind">
Punkt 1
  <div id="menu1" class="menu" onclick="event.cancelBubble=true">
    <a href="#" onclick="return false;">Underpunkt 1</a><br>

    <a href="#" onclick="return false;">Underpunkt 2</a><br>
    <a href="#" onclick="return false;">Underpunkt 3</a><br>
    <a href="#" onclick="return false;">Underpunkt 4</a>
  </div>
</div>

        <table border="1" width="100%" id="table2" bgcolor="#FFFFFF">
            <tr>
                <td>kjbkjbkjbkjb<p>khbkhbkjbk</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</td>
            </tr>
        </table>
</td>
        <td>asdasdasd</td>

    </tr>
    <tr>
        <td height="100">sad</td>
        <td height="100">asd</td>
        <td height="100">sda</td>
    </tr>
</table>
</body>

</html>



det er min test side :)
Avatar billede budda Nybegynder
29. august 2005 - 14:16 #9
Kan du se det ikke virker?
Avatar billede budda Nybegynder
28. november 2005 - 19:18 #10
lukker
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