Vill du vara del av diskussionerna i forumet, ställa frågor eller hjälpa andra? Registrera dig här!
Trädvy Permalänk
Medlem
Plats
Hässleholm
Registrerad
Jan 2008

Villkora HTML i Javascript

Hej! Jag har följande som fungerar bra i PHP:

if ($month == 11 and $day == 8 ) { echo '<map name="planetmap">'; echo '<area shape="rect" coords="0,0,82,126" alt="Sun" href="Sid2.html">'; echo '<map name="planetmap">'; }

Jag visar alltså HTML beroende på ett villkor.

Kan man göra likadant i Javascript?

Chassi: Fractal Design Define C || Processor: Intel i7-8700K || Grafikkort: ASUS GeForce GTX 1080Ti ROG Strix Gaming || Moderkort: Gigabyte Z370 AORUS ULTRA WIFI || Minne: Corsair Vengeance LPX DDR4 3000MHz 32 Gb || Lagring: Samsung 860 EVO 1TB SSD || PSU: Seasonic Focus+ 850W 85+ GOLD PSU || Skärm: Acer Predator XB271HU || Windows 10

Trädvy Permalänk
Medlem
Plats
Stockholm
Registrerad
Mar 2011
Trädvy Permalänk
Medlem
Plats
Hässleholm
Registrerad
Jan 2008

@Snorren:

Kan vara något, tack!

Chassi: Fractal Design Define C || Processor: Intel i7-8700K || Grafikkort: ASUS GeForce GTX 1080Ti ROG Strix Gaming || Moderkort: Gigabyte Z370 AORUS ULTRA WIFI || Minne: Corsair Vengeance LPX DDR4 3000MHz 32 Gb || Lagring: Samsung 860 EVO 1TB SSD || PSU: Seasonic Focus+ 850W 85+ GOLD PSU || Skärm: Acer Predator XB271HU || Windows 10

Trädvy Permalänk
Medlem
Plats
Hässleholm
Registrerad
Jan 2008

Testade detta men det går inte att klicka

<html> <head> <title>Adventskalender</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min..."></script> </head> <body> <script type="text/javascript"> var test = 10; if(test == 10) { $('body').append('<img src="img/solsystem.jpg" width="1300" height="924" alt="Planets" usemap="#planetmap">'); $('body').append('<map name="planetmap">'); $('body').append('<area shape="rect" coords="0,0,82,126" alt="Sun" href="Sid2.html">'); $('body').append('</map>'); } </script> </body> </html>

Chassi: Fractal Design Define C || Processor: Intel i7-8700K || Grafikkort: ASUS GeForce GTX 1080Ti ROG Strix Gaming || Moderkort: Gigabyte Z370 AORUS ULTRA WIFI || Minne: Corsair Vengeance LPX DDR4 3000MHz 32 Gb || Lagring: Samsung 860 EVO 1TB SSD || PSU: Seasonic Focus+ 850W 85+ GOLD PSU || Skärm: Acer Predator XB271HU || Windows 10

Trädvy Permalänk
Medlem
Registrerad
Sep 2017
Skrivet av Larsp777:

Testade detta men det går inte att klicka

<html> <head> <title>Adventskalender</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min..."></script> </head> <body> <script type="text/javascript"> var test = 10; if(test == 10) { $('body').append('<img src="img/solsystem.jpg" width="1300" height="924" alt="Planets" usemap="#planetmap">'); $('body').append('<map name="planetmap">'); $('body').append('<area shape="rect" coords="0,0,82,126" alt="Sun" href="Sid2.html">'); $('body').append('</map>'); } </script> </body> </html>

Du behöver väl ändå jQuery för ovanstående kod?

Skickades från m.sweclockers.com

Trädvy Permalänk
Medlem
Plats
Stockholm
Registrerad
Jan 2004
Skrivet av evirob:

Du behöver väl ändå jQuery för ovanstående kod?

Vilket redan inkluderas i head.

Trädvy Permalänk
Medlem
Registrerad
Sep 2017
Skrivet av iXam:

Vilket redan inkluderas i head.

Haha, det missade jag helt! Dags att sova

Skickades från m.sweclockers.com

Trädvy Permalänk
Medlem
Registrerad
Jul 2013

Jag är inte insatt i jquery men min gissning är att funktionen .append() avslutar en öppnad tag alltså,

Skapade HTML ser ut såhär:

<img src="img/solsystem.jpg" width="1300" height="924" alt="Planets" usemap="#planetmap"> <map name="planetmap"> //Här så när den appendar "<map>" så stänger den direkt den för att det verkar vara så append fungerar. </map> ** <area shape="rect" coords="0,0,82,126" alt="Sun" href="Sid2.html">

En ful fix på detta är att bara lägga map och area i samma append. Dvs,

$('body').append('<map name="planetmap"> <area shape="rect" coords="0,0,82,126" alt="Sun" href="Sid2.html"> </map>');

Chassi: Fractal Design Meshify C | Ram: 16 GB DDR3 | SSD: Samsung Evo 840 250GB | HDD: 2TB Segate barracuda | SSD2: INTEL SSDSA2M120G2GC | Grafikkort: Nvidia Geforce GTX 970 ASUS Strix | Prosessor: Intel Core i7 4770-K | Moderkort: MSI Z87-G45|