Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

Villkora HTML i Javascript

1
Skriv svar
Permalänk
Medlem
●

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?

Visa signatur

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:Samsung Odyssey G9 || Windows 10

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

@Larsp777: https://www.geeksforgeeks.org/hide-or-show-elements-in-html-u...

Redigera
Citera flera Citera
Permalänk
Medlem
●

@Snorren:

Kan vara något, tack!

Visa signatur

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:Samsung Odyssey G9 || Windows 10

Redigera
Citera flera Citera
Permalänk
Medlem
●

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>
Visa signatur

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:Samsung Odyssey G9 || Windows 10

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
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>
Gå till inlägget

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

Skickades från m.sweclockers.com

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av evirob:

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

Gå till inlägget

Vilket redan inkluderas i head.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av iXam:

Vilket redan inkluderas i head.

Gå till inlägget

Haha, det missade jag helt! Dags att sova

Skickades från m.sweclockers.com

Redigera
Citera flera Citera
Permalänk
Medlem
●

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>');
Visa signatur

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|

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara