Avatar billede styrk Nybegynder
10. maj 2006 - 11:13 Der er 13 kommentarer og
1 løsning

style på window.createPopup()

Hejsa - jeg har lavet følgende script:

function linkmenu(lnk)
{
    pop = window.createPopup();
    pb = pop.document.body;

    pb.style.border = "1px solid #b6b6b6";
    pb.style.backgroundColor = "#F1F1F1";
    pb.style.fontFamily = "Verdana";

    html = '<table cellspacing="2" cellpadding="0">';
    html += '<tr><td><img src="images/add.gif" border="0"></td><td><a href="" style="color: #323232;font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; font-weight: bold;"> Opret side</a></td><tr>';
    html += '<tr><td><img src="images/edit.gif" border="0"></td><td><a href="" style="color: #323232;font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; font-weight: bold;"> Omdøb</a></td><tr>';
    html += '<tr><td><img src="images/delete.gif" border="0"></td><td><a href="" style="color: #323232;font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; font-weight: bold;"> Slet</a></td><tr>';

    html += '<tr><td colspan="2"><img src="images/spacer.gif"></td><tr>';

    html += '<tr><td><img src="images/copy.gif" border="0"></td><td><a href="j" style="color: #323232;font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; font-weight: bold;"> Kopier</a></td><tr>';
    html += '<tr><td><img src="images/cut.gif" border="0"></td><td><a href="" style="color: #323232;font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; font-weight: bold;"> Klip</a></td><tr>';
    html += '<tr><td><img src="images/paste.gif" border="0"></td><td><a href="" style="color: #323232;font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; font-weight: bold;"> Indsæt</a></td><tr>';

    html += '<tr><td colspan="2"><img src="images/spacer.gif"></td><tr>';

    html += '<tr><td><img src="images/properties.gif" border="0"></td><td><a href="" style="color: #323232;font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; font-weight: bold;"> Egenskaber</a></td><tr>';
    html += '</table>';

    pb.innerHTML = html;
    pop.show(5, 15, 126, 172, lnk); //Afstand fra linket i x, y - derefter bredde og højde på menuen
}


Er det ikke muligt at angive hvilken .css fil der skal bruges istedet for at jeg skal skrive style="" på alle links osv?

- styrk
Avatar billede roenving Novice
10. maj 2006 - 13:06 #1
F.eks. ved at lave et linktag:

<script language="javascript" type="text/javascript">
function linkmenu(lnk)
{
    pop = window.createPopup();
    pd = pop.document;
    pb = pd.body;
    var st = pd.createElement("link");
    st.rel = "stylesheet";
    st.type = "text/css";
    st.href = "style.css";

    pb.style.border = "1px solid #b6b6b6";
    pb.style.backgroundColor = "#F1F1F1";
    pb.style.fontFamily = "Verdana";

    html = '<table cellspacing="2" cellpadding="0">';
    html += '<tr><td><img src="images/add.gif" border="0"></td><td><a href="" class="test"><!--style="color: #323232;font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; font-weight: bold;"--> Opret side</a></td><tr>';
    html += '<tr><td><img src="images/edit.gif" border="0"></td><td><a href="" style="color: #323232;font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; font-weight: bold;"> Omdøb</a></td><tr>';
    html += '<tr><td><img src="images/delete.gif" border="0"></td><td><a href="" style="color: #323232;font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; font-weight: bold;"> Slet</a></td><tr>';

    html += '<tr><td colspan="2"><img src="images/spacer.gif"></td><tr>';

    html += '<tr><td><img src="images/copy.gif" border="0"></td><td><a href="j" style="color: #323232;font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; font-weight: bold;"> Kopier</a></td><tr>';
    html += '<tr><td><img src="images/cut.gif" border="0"></td><td><a href="" style="color: #323232;font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; font-weight: bold;"> Klip</a></td><tr>';
    html += '<tr><td><img src="images/paste.gif" border="0"></td><td><a href="" style="color: #323232;font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; font-weight: bold;"> Indsæt</a></td><tr>';

    html += '<tr><td colspan="2"><img src="images/spacer.gif"></td><tr>';

    html += '<tr><td><img src="images/properties.gif" border="0"></td><td><a href="" style="color: #323232;font-family: verdana; font-size: 10px; text-decoration: none; letter-spacing: 1px; font-weight: bold;"> Egenskaber</a></td><tr>';
    html += '</table>';

    pb.innerHTML = html;
    pb.appendChild(st);
    pop.show(5, 15, 126, 172, lnk); //Afstand fra linket i x, y - derefter bredde og højde på menuen
}
</script>
Avatar billede roenving Novice
10. maj 2006 - 13:08 #2
Det samme kan sikkert også lade sig gøre med style-tags, som IE jo respekterer selvom de ligger i ody-delen !-)
Avatar billede styrk Nybegynder
10. maj 2006 - 13:28 #3
prøver da lige =)
Avatar billede styrk Nybegynder
10. maj 2006 - 13:33 #4
får en "runtime" error nu :o
Avatar billede styrk Nybegynder
10. maj 2006 - 13:34 #5
Object doesn't support this property or method.
Avatar billede roenving Novice
10. maj 2006 - 13:38 #6
Ovenstående virker uden problemer hos mig !-)
Avatar billede styrk Nybegynder
10. maj 2006 - 13:41 #7
O.O underligt....................
Avatar billede styrk Nybegynder
10. maj 2006 - 13:42 #8
nu siger den "pd is undefinied"..
Avatar billede styrk Nybegynder
10. maj 2006 - 13:47 #9
fatter det ik rigtig =P..

jeg får ingen fejl nu men menuen kommer ikke frem mere:

function linkmenu(lnk, pageId)
{
    pop = window.createPopup();
    pb = pop.document.body;
    var st = pd.createElement("link");
    st.rel = "stylesheet";
    st.type = "text/css";
    st.href = "css/contextmenu.css";

    pb.style.border = "1px solid #b6b6b6";
    pb.style.backgroundColor = "#F1F1F1";
    pb.style.fontFamily = "Verdana";

    html = '<table cellspacing="2" cellpadding="0">';
    html += '<tr><td><img src="images/add.gif" border="0"></td><td><a href=""> Opret side </a></td><tr>';
    html += '<tr><td><img src="images/edit.gif" border="0"></td><td><a href=""> Omdøb</a></td><tr>';
    html += '<tr><td><img src="images/delete.gif" border="0"></td><td><a href=""> Slet</a></td><tr>';

    html += '<tr><td colspan="2"><img src="images/spacer.gif"></td><tr>';

    html += '<tr><td><img src="images/copy.gif" border="0"></td><td><a href=""> Kopier</a></td><tr>';
    html += '<tr><td><img src="images/cut.gif" border="0"></td><td><a href=""> Klip</a></td><tr>';
    html += '<tr><td><img src="images/paste.gif" border="0"></td><td><a href=""> Indsæt</a></td><tr>';

    html += '<tr><td colspan="2"><img src="images/spacer.gif"></td><tr>';

    html += '<tr><td><img src="images/properties.gif" border="0"></td><td><a href=""> Egenskaber</a></td><tr>';
    html += '</table>';

    pb.innerHTML = html;
    pop.show(5, 15, 126, 172, lnk); //Afstand fra linket i x, y - derefter bredde og højde på menuen
}
Avatar billede roenving Novice
10. maj 2006 - 14:05 #10
Du har ikke variablen pd, så den virker selvfølgelig ikke !-)

-- og du har heller ikke appendingen af det nye børneelement, så prøv at kopiere koden ovenfor direkte !o]
Avatar billede styrk Nybegynder
10. maj 2006 - 14:09 #11
lol jeg er stiv..... så ikke forskelleb på pb og pd :O
Avatar billede styrk Nybegynder
10. maj 2006 - 14:19 #12
smid et svar du, - det virker ! Tak.
Avatar billede roenving Novice
10. maj 2006 - 14:20 #13
Velbekomme '-)
Avatar billede roenving Novice
10. maj 2006 - 14:26 #14
-- og tak for point ;~}
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