Avatar billede sonnic Juniormester
13. marts 2004 - 16:23 Der er 16 kommentarer og
1 løsning

Scrollbar i Popup menu ?

Kan nogen hjælpe mig med et lille problem i javascript, hvordan får jeg Scrollbare ind på denne pupup menu.
Det script jeg har downloade, og bruger ses her.

This script and many more are available online from -->
<!-- The JavaScript Source!! http://javascriptsource.com -->

<!-- Begin
function win() {
msg=window.open("pup_up12.html","","height=620,width=320,left=20,top=20");
}
// End

Villy
Avatar billede thesurfer Nybegynder
13. marts 2004 - 16:26 #1
Avatar billede thesurfer Nybegynder
13. marts 2004 - 16:27 #2
msg=window.open("pup_up12.html","","height=620,width=320,left=20,top=20,scrollbars=yes");
Avatar billede roenving Novice
13. marts 2004 - 16:31 #3
Utroligt hvad man kan finde af dårlige vaner på selv de mest estimerede steder !-)

-- og det er en dårlig vane ikke at give en popup et windowname, så giv den lige det:

msg=window.open("pup_up12.html","pop12","height=620,width=320,left=20,top=20,scrollbars=yes");
Avatar billede sonnic Juniormester
13. marts 2004 - 17:01 #4
Tak for alle de gode råd, jeg vil fuks prøve.
Drop et svar og få p...
Villy
Avatar billede thesurfer Nybegynder
13. marts 2004 - 17:05 #5
hmm.. prøv det først.. points kommer først bagefter :)
Avatar billede sonnic Juniormester
13. marts 2004 - 20:44 #6
Først vil jeg sige, at det jeg spurgte om virker, igen tak.
Men det løser desværre ikke midt problem.
Dernæst har jeg ikke formuleret mit spørgsmål korrekt nok, jeg vil forsøge at konkretisere det:

Jeg har en list boks som besøgende skal kunne søge emner på, og disse emner relatere til bestemte sider.
Nu kommer mit problem, nogle sider skal vises i helside format (det virker), og andre sider skal kun virke som pop-up.
Jeg har vedhæftet en del af skriftet. Jeg håber det gør forståelsen nemmere.
Mit spørgsmål er nu, hvordan kan jeg få nogle af disse `links` til at virke som pop-up…?
_______________________________________________________
<html>
<head>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
        <meta name="generator" content="Adobe GoLive 5">
        <title>Søger</title>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body bgcolor="#ffffff">
        <form  name="take">
            <div align="left">
                <h3><font size="-1"><b>
            S&oslash;g p&aring; emner:</b></font></h3>
            </div>
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                <td width="200"><select name="menu" size="4" tabindex="3">
                            <option value="opsætning.html" selected>Adobe RGB (1998)</option>
                            <option selected value="opsætning.html"selected>Apple RGB farverum</option>
                            <option selected value="farvelærer.html"selected>Auditive farvesystem</option>
                            <option selected value="Handlinger.html"selected>Autofunktion (handlinger)</option>
                            <option value="farve korrektion_1.html" selected>Autofunktion (Nivoer)</option>
                            <option selected value="pup_up24.html"selected>Baggrundsfarve</option>
                            <option value="lag_masker3.html" selected>Besk&aelig;ring af billede</option>
                        </select>
                        <script>
    <!--
    /*Combo Link Box script- By JavaScript Kit(www.javascriptkit.com)Over 200+ free JavaScripts here!
    */function taking()
    {
    location=document.take.menu.options[document.take.menu.selectedIndex].value
    }
    //-->
</script>
                    </td>
                </tr>
                <tr>
                    <td width="183">
                        <div align="center">
                            <center>
                                <p><br>
                                    <input type="button" value="G&aring; til siden !" name="B1" onclick="taking()"></p>
                            </center>
                        </div>
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>

Villy
Avatar billede roenving Novice
13. marts 2004 - 20:55 #7
-- en simpel løsning ville være at sætte et #-tegn for enden af de, som skal åbnes i et nyt vindue og så:

<script type="text/javascript">
function taking(){
  val = document.take.menu.value;
  if(val.indexOf("#")>-1){
    window.open(val,"popup","height=620,width=320,left=20,top=20");
  else
    location.href=val;
}
</script>

-- og så ville jeg finde på at gøre sådan:

  <select name="menu" size="4" tabindex="3" onchange="if(this.selectedIndex>0)taking()">
    <option value="" selected>-- Vælg ressource --</option>
    <option value="opsætning.html#">Adobe RGB (1998)</option>
    <option selected value="farvelærer.html">Auditive farvesystem</option>
 
-- og fjern så alle de der selected, når du ikke har multi på er det bare grim kode !-)
Avatar billede thesurfer Nybegynder
13. marts 2004 - 20:57 #8
En anden løsning...

        <form  name="take" onsubmit="return valg(this.menu.value);">


                            <option value="opsætning.html,_blank" >Adobe RGB (1998)</option>
                            <option value="opsætning.html,_self">Apple RGB farverum</option>




    function valg(noget)
    {
    fil = noget.substring(0, noget.indexOf(",") - 1);
    vindue = noget.substring(noget.indexOf(",")+1);
    window.open(fil, vindue);
    return false;
    }
Avatar billede thesurfer Nybegynder
13. marts 2004 - 21:00 #9
rettelse (uden "- 1"):
    fil = noget.substring(0, noget.indexOf(","));
Avatar billede thesurfer Nybegynder
13. marts 2004 - 21:01 #10
Så kan du også selv definere nogle navne på vinduerne..
Avatar billede roenving Novice
13. marts 2004 - 21:11 #11
>>thesurfer

-- din valg kan forkortes og effektiviseres ret enkelt !-)

    function valg(noget){
      trg = noget.split(",")
      window.open(trg[0], trg[1]);
      return false;
    }
Avatar billede thesurfer Nybegynder
13. marts 2004 - 21:21 #12
blære-R! :-)
hæhæ.. der skulle jo være plads til forbedringer.. ;-)
Avatar billede sonnic Juniormester
14. marts 2004 - 16:52 #13
Til alle jer der har givet rigtig mange og gode råd. DET VIRKER.

thesurfer/roenving > Jeg brugte jeres model-løsning, det var den jeg, med mine fattige evner bedst kunne overskue.

Resultatet kan ses på : http://www.villysonnichsen.dk

Villy..
Avatar billede roenving Novice
14. marts 2004 - 17:19 #14
Ser jo også fint nok ud, men hvad med at gøre det sådan:

<select name="menu" tabindex="3" onchange="val=this.value;if(val.indexOf('#')>-1){window.open(val,'popup','height=620,width=330,left=20,top=20,scrollbars=yes');}else{location.href=val;}">
  <option value="" selected>Spring direkte til:</option>
  <option value="opsætning.html">Adobe RGB (1998)</option>
  <option value="opsætning.html">Apple RGB farverum</option>
  <option value="farvelærer.html">Auditive farvesystem</option>

  <option value="Handlinger.html">Autofunktion (handlinger)</option>
  <option value="farve korrektion_1.html" >Autofunktion (Nivoer)</option>
  <option value="pup_up24.html#-">Baggrundsfarve</option>
  <option value="lag_masker3.html">Besk&aelig;ring af billede</option>
  <option value="pup_up05.html">Besk&aelig;rings v&aelig;rkt&oslash;j</option>

  <option value="billedstørrelse.html">Billede omfang</option>
  <option value="pup_up08.html#-">Blyant v&aelig;rkt&oslash;j</option>
  <option value="Filtyper.html">BMP-Filformat</option>
  <option value="links.html">Brugergrupper</option>
  <option value="pup_up14.html#-">Br&aelig;ndings v&aelig;rkt&oslash;j</option>

  <option value="opsætning.html">CCI</option>
  <option value="opsætning.html">CMYK farve</option>
  <option value="opsætning.html">Colormatch RGB</option>
  <option value="menu.html">Computergrafik</option>
  <option value="opsætning.html">CRT sk&aelig;rme</option>
  <option value="links.html">Downloads</option>

  <option value="pup_up26.html#-">Ekspresmaske visning</option>
  <option value="lag_masker3.html">Ekspresmasker</option>
  <option value="farve korrektion_1.html">Elektronisk skarphed</option>
  <option value="Filtyper.html">Eps-Filformate</option>
  <option value="farve korrektion_1.html">Kontrast</option>
  <option value="farve korrektion_1.html">Farvekorrektion</option>

  <option value="pup_up24.html#-">Farvev&aelig;lgeren</option>
  <option value="Filtyper.html">Filformater</option>
  <option value="pup_up02.html#-">Flytte v&aelig;rkt&oslash;j</option>
  <option value="pup_up24.html#-">Forgrundsfarve</option>
  <option value="web_galleri.html">Foto galleri</option>

  <option value="lag_masker1.html">Fritl&aelig;gningskurver</option>
  <option value="opsætning.html">Gamma</option>
  <option value="lag_masker1.html">Gem kurver</option>
  <option value="Filtyper.html">Gif-Filformate</option>
  <option value="farve korrektion_1.html">Gr&aring;balance</option>

  <option value="pup_up14.html#-">G&oslash;r m&oslash;rkere v&aelig;rkt&oslash;j</option>
  <option value="pup_up14.html#-">G&oslash;r lysere v&aelig;rkt&oslash;j</option>
  <option value="Handlinger.html">Handlinger</option>
  <option value="farve korrektion_1.html">Histogram</option>

  <option value="Filtyper.html">Html-Filformate</option>
  <option value="opsætning.html">Hvid pungt</option>
  <option value="pup_up02.html#-">H&aring;nd v&aelig;rkt&oslash;j</option>
  <option value="opsætning_af_skærm.html">ICC profil</option>
  <option value="web_sider.html">Image-Ready</option>

  <option value="Filtyper.html">Impoterede filer</option>
  <option value="lag_masker2.html">Inds&aelig;tning i lag</option>
  <option value="Filtyper.html">Jpg-Filformate</option>
  <option value="opsætning_af_skærm.html">Kelvin grader</option>
  <option value="farvelærer.html">Komplement&aelig;r farver</option>

  <option value="farve korrektion_1.html">Kontrast</option>
  <option value="lag_masker2.html">Kopiering</option>
  <option value="pup_up08.html#-">Kunstpensel v&aelig;rkt&oslash;j</option>
  <option value="links.html">Kurser i photoshop</option>
  <option value="lag_masker1.html">Kurvemarkering</option>

  <option value="lag_masker2.html">Lag</option>
  <option value="pup_up03.html#-">Lasso v&aelig;rkt&oslash;j</option>
  <option value="opsætning_af_skærm.html">LCD sk&aelig;rme</option>
  <option value="web_sider.html">L&aelig;rred st&oslash;rrelse</option>

  <option value="pup_up11.html#-">Magnetisk viskel&aelig;der</option>
  <option value="pup_up12.html#-">Malerspands v&aelig;rkt&oslash;j</option>
  <option value="pup_up01.html#-">Markerings v&aelig;rkt&oslash;j</option>
  <option value="farve korrektion.html">Nivoer</option>

  <option value="pup_up19.html#-">Note v&aelig;rkt&oslash;j</option>
  <option value="web_export.html">Optimering til Web</option>
  <option value="pallet_ny.html">Oversigts-v&aelig;rkt&oslash;j</option>
  <option value="menu.html">Paletmenu</option>
  <option value="Filtyper.html">Pdf-Filformate</option>

  <option value="pup_up08.html#-">Pensels-v&aelig;rkt&oslash;j</option>
  <option value="pup_up21.html#-">Pipette-v&aelig;rkt&oslash;j</option>
  <option value="farvelærer.html">Procesfarver</option>
  <option value="menu.html">Funktionstaster</option>
  <option value="links.html">Programmer</option>

  <option value="Filtyper.html">Psd-Filformate</option>
  <option value="opsætning.html">Punktbredning</option>
  <option value="Filtyper.html">Raw-Filformate</option>
  <option value="pup_up18.html#-">Rektangel v&aelig;rkt&oslash;j</option>
  <option value="pup_up07.html#-">Reperations v&aelig;rkt&oslash;j</option>

  <option value="pup_up14.html#-">Retuch</option>
  <option value="farvelærer.html">RGB farve</option>
  <option value="lag_masker3.html">Rotation</option>
  <option value="lag_masker2.html">Sammenflet lag</option>
  <option value="pup_up15.html#-">Selektions v&aelig;rkt&oslash;j</option>

  <option value="farvelærer.html">Selektive farver</option>
  <option value="opsætning.html">Separations ops&aelig;tning</option>
  <option value="Filtyper.html">Sit-Filformate</option>
  <option value="billedstørrelse.html">Skalering</option>
  <option value="farve korrektion_1.html">Skarpheds v&aelig;rkt&oslash;j</option>

  <option value="opsætning_af_skærm.html" >Sk&aelig;rmkalibrering</option>
  <option value="lag_masker2.html">Skygge effekter</option>
  <option value="pup_up13.html#-">Sl&oslash;rings v&aelig;rkt&oslash;j</option>
  <option value="opsætning.html">sRGB IEC61966-21</option>
  <option value="pup_up27.html#-">Standard visning</option>

  <option value="pup_up09.html#-">Stempel v&aelig;rkt&oslash;j</option>
  <option value="lag2.html">Struktur</option>
  <option value="farvelærer.html">Subtraktive farver</option>
  <option value="pup_up14.html#-">Svampe v&aelig;rkt&oslash;j</option>
  <option value="lag2.html">Tekst</option>

  <option value="pup_up16.html#-">Teksts v&aelig;rkt&oslash;j</option>
  <option value="Filtyper.html">Tif-Filformate</option>
  <option value="opsætning.html">Trykfarveops&aelig;tning</option>
  <option value="opsætning.html">Trykprofiler</option>
  <option value="pup_up04.html#-">Tryllepen</option>

  <option value="pup_up05.html#-">Udsnits v&aelig;rkt&oslash;j</option>
  <option value="pup_up12.html#-">Udtoning</option>
  <option value="pup_up13.html#-">Udtv&aelig;rings v&aelig;rkt&oslash;j</option>
  <option value="s_h korrektion.html">Urenheder og ridser</option>

  <option value="pup_up11.html#-">Viskel&aelig;der</option>
  <option value="menu.html">V&aelig;rkt&oslash;jspallet</option>
  <option value="web_export.html">Web eksport</option>
  <option value="web_sider.html">Webdesign</option>
  <option value="Filtyper.html">Zip-Filformate</option>

  <option value="pup_up23.html#-">Zoom v&aelig;rkt&oslash;j</option>
  <option value="opsætning.html" >Pungtbredning</option>
  <option value="farve korrektion.html" >Skarphed</option>
  <option value="lag_masker2.html" >Flet lag</option>
</select>

-- her blev jeg trigget af alle de selected, om i bedste fald er overflødige, men mest er generende kode ...

-- og jeg synes også, at det er et bedre interface, når man nu kun skal vælge en, at man har en 'rigtig' dropdown, for med alle de punkter tager det jo en evighed at bladre ned !-)

-- og iøvrigt velbekomme '-)
Avatar billede roenving Novice
14. marts 2004 - 17:21 #15
-- og så har du nogle æøå'er i filnavnene, det er stadig en potentiel fejl-mulighed, så forsøg at undgå dem !-)
Avatar billede roenving Novice
14. marts 2004 - 17:33 #16
-- og tak for points ;~}

-- og jeg håber, du lige prøver at indsætte den sidste udgave også, så du kan se den i funktion !O)
Avatar billede sonnic Juniormester
14. marts 2004 - 17:54 #17
Som du kan se har jeg taget dit forslag til mig.
og ja, jeg skal til at "afluse" mine sider og links for dansk tegnsæt.

Villy :))))
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