visa en div som läs in en sida i 100%

PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Lägg ett bokmärke på hela tråden
Skapa nytt inlägg   Svara på inlägget
Visa föregående ämne :: Visa nästa ämne  
Startad av: Meddelande
cazz



Medlem i: 5080 dagar
Från: Småland :)
Status: Offline



#742325
Inlägg Skrivet: 2018-10-05 22:35      Ämne: visa en div som läs in en sida i 100% Citera

Hej håller på att försöka styra visa olika sidor när man trycker på en viss tangentbord. Problemet är bara att den visar bara en liten fast sidan är gul (Har en background color i diven för att se om den är fel men den visar helt gult)

Misstänker det kan vara något enkelt men kan någon säga vad??

KOD:
1:
<!DOCTYPE html>
2:
<html>
3:
<head>
4:
<style>
5:
body {
6:
    height: 100vh;
7:
   width: 100vw;
8:
   margin: 0px;
9:
   padding: 0px;
10:
}
11:
#div1 {
12:
    background-color: yellow;
13:
    height: 100vh;
14:
   width: 100vw;
15:
}
16:
</style>
17:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
18:
<script>
19:
document.onkeydown = function(e){
20:
    e = e || window.event;
21:
    var key = e.which || e.keyCode;
22:
    if(key===65){
23:
      $("#div1").html('<object data="http://adress1">');
24:
    }
25:
    if(key===66){
26:
      $("#div1").html('<object data="http://adress2">');
27:
    }
28:
    if(key===67){
29:
        $("#div1").html('<object data="https://adress3">');
30:
    }
31:
    if(key===68){
32:
        $("#div1").html('<object data="https://adress4">');
33:
    }
34:
}
35:
</script>
36:
</head>
37:
<body>
38:
 
39:
<div id="div1">Test</div>
40:
 
41:
</body>
42:
</html>
 

_________________
MVH
Cazz

"Men are pigs. Too bad we own everything."
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
harald_b
Moderator



Medlem i: 4557 dagar
Från: Tavesta
Status: Offline



#742332
Inlägg Skrivet: 2018-10-08 01:30      Ämne: Citera

Din css-kod sätter storleken för diven, inte objectet.
Om det är objectets storlek du vill sätta så kanske du kunde ändra till:
KOD:
11:
#div1 object {
 

_________________
R.r - Ett fritt affärssystem
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
Visa tidigare inlägg:   
Skapa nytt inlägg   Svara på inlägget
PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Hoppa till:  
Du kan inte skapa nya inlägg i det här forumet
Du kan inte svara på inlägg i det här forumet
Du kan inte ändra dina inlägg i det här forumet
Du kan inte ta bort dina inlägg i det här forumet
Du kan inte rösta i det här forumet
Du kan inte bifoga filer i detta forum
Du kan inte ladda ner filer från detta forum
Kontakta oss på adressen: info@phpportalen.net
Webbplatsen bygger i grunden på phpBB © 2001, 2002 phpBB Group

Modifieringar har senare gjorts i systemet av PHPportalen
Sid och logotypdesign skapad av Daren Jularic