den huvudsakliga / Firmware / Legumes html modules php name. Skapa din egen kromstil för moduler

Legumes html modules php name. Skapa din egen kromstil för moduler

Vi har repat ytan på metoderna för att återge innehåll i mallens kropp. Låt oss nu titta närmare på vad det är och vad det äts med. Så metoddeklarationerna jdoc finns i varje Joomla-mall och visa den här eller den informationen i mallen (det vill säga på webbplatsens sida). I allmänhet ser metoddeklarationen ut så här

Denna rad visar information från komponenter på webbplatsen, till exempel artiklar från com_content. Typen av utdataelement anges i attributet.

1.type - typer av utdataelement.

komponent - som jag skrev ovan, visar sidans huvudinnehåll. Kan bara anropas en gång per mall.
huvud - förklarade detsamma en gång efter inledningen ... Fungerar för att mata ut stilar, skript, och metadata för den aktuella sidan.</li><li><i>meddelande</i><i>- </i> visar systemmeddelanden. Det förklaras en gång i själva dokumentet.</li><li><i>installation</i> - matar inte ut något och är en "instruktion" för installation.</li><li><i>modul -</i>visar en enda modul på sidan. Antalet annonser är inte begränsat.</li><li><i>moduler</i> - till skillnad från den tidigare typen tillåter det att visa inte ett enda antal moduler i sin position.</li> </ul><p>För de första fyra angivna typerna räcker det bara att ange dem på sidan. När det gäller en modultyp är uppgiften lite mer komplicerad. För att kunna visa en modul på sidan måste vi först skapa för den <b>modulär position</b> från <a href="https://mkr-novo2.ru/sv/education/gde-hranyatsya-sessii-php-php-sessii-pod-skalpelem-kak-rabotayut-php.html">unik identifierare</a> (modulpositionens namn). Detta görs med attributnamnet \u003d "positionsnamn" och det obligatoriska tillägget av raden:</p><p> <position>positionens namn</position> till filen templateDetails.xml. När vi beskriver namnet på objektet i templateDetails.xml anger vi det i systemet och ser det i modulhanteraren. Positionsnamn kan vara godtyckliga, även om name \u003d "user3" -position används som standard för att visa toppmenyn.</p><p><b>2. stil - beskrivning av utdatastilen (mod krom).</b></p> <p>Beror på den angivna stilen <a href="https://mkr-novo2.ru/sv/navigation/nastroika-yealink-w52p-dlya-ip-telefonii-yealink-w52p---besprovodnaya-voip-dect-sistema.html">utseende</a> och modulomslagets struktur. Ser ut som</p><p> :<jdoc:include type="modules" name="user1" style="xhtml" /> Som standard finns det flera stilar för att visa moduler:</p><ul><li><i>xhtml -</i> matar ut modulen i ett block med titelfunktionen modChrome_xhtml ($ module, & $ params, & $ attribs) <br>{<br> om (! tomt ($ modul-\u003e innehåll)):?\u003e <br> <div class="moduletable<?php echo htmlspecialchars($params->get ("modulklass_sfx")); ?\u003e "\u003e <br> <?php if ($module->showtitle! \u003d 0):?\u003e <br> <h3><?php echo $module->titel; ?\u003e</h3><br> <?php endif; ?><br> <?php echo $module->innehåll; ?\u003e <br> </div><br> <?php endif;<br>}</li><li><i>bord -</i>visar modulen i tabellstrukturens layout <br> function modChrome_table ($ module, & $ params, & $ attribs) <br>{ ?><br> <table cellpadding="0" cellspacing="0" class="moduletable<?php echo htmlspecialchars($params->get ("modulklass_sfx")); ?\u003e "\u003e <br> <?php if ($module->showtitle! \u003d 0):?\u003e <br> <tr><br> <th><br> <?php echo $module->titel; ?\u003e <br> </th><br> </tr><br> <?php endif; ?><br> <tr><br> <td><br> <?php echo $module->innehåll; ?\u003e <br> </td><br> </tr><br> </table><br> <?php<br>}</li><li><i>horz -</i>visar innehållet i en modul i en tabellcell, fungerar horisontellt modChrome_horz ($ module, & $ params, & $ attribs) <br>{ ?><br> <table cellspacing="1" cellpadding="0" width="100%"><br> <tr><br> <td><br> <?php modChrome_table($module, $params, $attribs); ?><br> </td><br> </tr><br> </table><br> <?php<br>}</li><li><i>avrundad</i> - visar modulen i flera kapslade block för komplex styling i form av grafiska gränser (t.ex. rundade hörn) funktion modChrome_rounded ($ module, & $ params, & $ attribs) <br>{ ?><br> <div class="module<?php echo htmlspecialchars($params->get ("modulklass_sfx")); ?\u003e "\u003e <br> <div><br> <div><br> <div><br> <?php if ($module->showtitle! \u003d 0):?\u003e <br> <h3><?php echo $module->titel; ?\u003e</h3><br> <?php endif; ?><br> <?php echo $module->innehåll; ?\u003e <br> </div><br> </div><br> </div><br> </div><br> <?php<br>}</li><li><i>översikt</i> - lägger till förinställda css-stilar till modulblockfunktionen modChrome_outline ($ module, & $ params, & $ attribs) <br>{<br> statisk $ css \u003d falsk; <br> om (! $ css) <br> {<br> $ css \u003d sant; <br> jimport ("joomla.environment.browser"); <br> $ doc \u003d JFactory :: getDocument (); <br> $ webbläsare \u003d JBrowser :: getInstance (); <br> $ doc-\u003e addStyleDeclaration (". mod-preview-info (vaddering: 2px 4px 2px 4px; kant: 1px fast svart; position: absolut; bakgrundsfärg: vit; färg: röd;)"); <br> $ doc-\u003e addStyleDeclaration (". mod-preview-wrapper (bakgrundsfärg: #eee; border: 1px prickad svart; färg: # 700;)"); <br> if ($ browser-\u003e getBrowser () \u003d\u003d "msie") <br> {<br> if ($ browser-\u003e getMajor ()<= 7) {<br> $ doc-\u003e addStyleDeclaration (". mod-preview-info (filter: alpha (opacity \u003d 80);)"); <br> $ doc-\u003e addStyleDeclaration (". mod-preview-wrapper (filter: alpha (opacity \u003d 50);)"); <br> } <br> annat ( <br> $ doc-\u003e addStyleDeclaration (". mod-preview-info (-ms-filter: alpha (opacity \u003d 80);)"); <br> $ doc-\u003e addStyleDeclaration (". mod-preview-wrapper (-ms-filter: alpha (opacity \u003d 50);)"); <br> } <br> } <br> annan <br> {<br> $ doc-\u003e addStyleDeclaration (". mod-preview-info (opacitet: 0,8;)"); <br> $ doc-\u003e addStyleDeclaration (". mod-preview-wrapper (opacitet: 0,5;)"); <br> } <br> } <br> ?><br> <div class="mod-preview"><br> <div class="mod-preview-info"><?php echo $module->position. "[". $ module-\u003e style. "]"; ?\u003e</div><br> <div class="mod-preview-wrapper"><br> <?php echo $module->innehåll; ?\u003e <br> </div><br> </div><br> <?php<br>}</li><li><i>ingen</i> - liknar stil som inte har specificerats alls. Matar ut en modul utan styling eller titelfunktion modChrome_none ($ module, & $ params, & $ attribs) <br>{<br> echo $ module-\u003e content; <br>}</li> </ul><p>Alla förinställda stilar finns i mallar / system / html / modules.php-fil. Men vi är inte begränsade till att bara använda de angivna alternativen, men vi kan enkelt skapa våra egna.</p> <p><b>3. Skapa ett anpassat kromläge.</b></p> <p><b><br></b>Så, standardmodulvystyperna uppfyller inte de aktuella kraven. Du måste lägga till din egen designstil. Låt oss som exempel ta en ganska ofta återkommande situation. På uppdrag istället för <h3> sätt modulhuvudet i taggen <span>vilket är semantiskt neutralt. Det krävs också att placera modulens innehållsblock i en separat <div>... För att skapa vår egen stil för modulutdata använder vi standardverktygen. De flesta Joomla-mallar har en mapp html / (mallar / mallnamn / html /), som används för så kallad mallning. Det vill säga om du kopierar modulmallen till den här mappen, kommer istället för mallen från modulerna / my_module / tmpl / standardkatalogen att filen från mallar / mallnamn / html / my_modules / default matas ut. Komponenter mallas på samma sätt. Bekvämt och praktiskt. Skapa filen modules.php i html / mappen i din mall. Om det inte finns någon sådan mapp i mallen skapar vi den. Vi skriver till filen</p><p> <?php<br>function modChrome_modbox ($ module, & $ params, & $ attribs) // Ring funktionen <br>{<br> if (! tom ($ modul-\u003e innehåll)): / * Kontrollera om positionen innehåller en aktiverad modul * /?\u003e <br> <div class="moduletable<?php echo htmlspecialchars($params->get ("moduleclass_sfx")); / * skriv ut css-suffixet för modulklassen * /?\u003e "\u003e <br> <?php if ($module->showtitle! \u003d 0): / * kontrollera om modulhuvudet ingår * /?\u003e <br> <span class="title"><?php echo $module->titel; / * Skriv ut titeln * /?\u003e</span><br> <?php endif; ?><br> <div class="modcontent"><br> <?php echo $module->innehåll; / * Skriv ut innehållet i modulen * /?\u003e <br> </div><br> </div><br> <?php endif;<br>} <br>?\u003e Klar. Nu behöver du bara ange det som utdatastil. <jdoc:include type="modules" name="user1" style="modbox"/> Vi tilldelar en modul till vår position och ser resultatet.</p> <p>Em-elementet representerar en bit text med en understruken accent. Du kan använda den för att göra läsaren uppmärksam på innebörden av en mening eller ett stycke. Jag berättar vad det betyder när em-elementet har beskrivits.</p><blockquote><b>Tabell 8-6:</b> Em-elementet</blockquote><blockquote><b>Bild 8-3:</b> Använda em-elementet</blockquote><p>I detta exempel lägger jag tonvikten på I (I) i början av meningen. När vi tänker på em-elementet, när vi säger en mening högt, överväger vi frågan om denna mening är svaret på en fråga. Tänk dig till exempel att jag frågade "Vem gillar äpplen och apelsiner?" Ditt svar kommer att vara: "Jag älskar äpplen och apelsiner." (När du säger detta högt och lägger tonvikten på Självet, gör du det klart att du är personen som älskar dessa frukter).</p><p>Men om jag frågade: "Gillar du äpplen och vad mer?" Du kanske svarar: "Jag älskar äpplen och apelsiner." I det här fallet kommer tonvikten att ligga på det sista ordet och betona att apelsiner är den andra frukten du gillar. Denna HTML-version skulle se ut så här:</p><p>Jag gillar äpplen och <b><em> </b>apelsiner <b></em> </b>.</p><h3>Definition av främmande ord och tekniska termer</h3><p>I-elementet betecknar en bit text som har en annan natur än det omgivande innehållet. Detta är en ganska vag definition, men vanliga exempel inkluderar ord från andra språk, tekniska eller vetenskapliga termer och till och med mänskliga tankar (i motsats till tal). Punkt i beskrivs.</p><blockquote><b>Tabell 8-7:</b> Element i</blockquote><blockquote><b>Bild 8-5:</b> Använd s-elementet</blockquote><br><img src='https://i2.wp.com/storage.smarly.net/html5/8.5.png' width="100%" loading=lazy><h3>Definition av viktig text</h3><p>Det starka elementet betecknar ett avsnitt som är viktigt. Denna artikel beskrivs i.</p><blockquote><b>Tabell 8-9:</b> Starkt element</blockquote><blockquote><b>Bild 8-7:</b> Använda u-elementet</blockquote><br><img src='https://i2.wp.com/storage.smarly.net/html5/8.7.png' width="100%" loading=lazy><h3>Lägger till små bokstäver</h3><p>Det lilla elementet betecknar små bokstäver och används ofta för försiktighetsåtgärder och förtydliganden. Det lilla elementet är representerat.</p><blockquote><b>Tabell 8-11:</b> Litet element</blockquote><blockquote><b>Bild 8-8:</b> Använda det lilla elementet</blockquote><br><img src='https://i2.wp.com/storage.smarly.net/html5/8.8.png' width="100%" loading=lazy><h3>Lägga till superscript och subscript</h3><p>Du kan använda sub- och sup-elementen för att beteckna ett superscript respektive ett subscript. Överskrifter används för att stava ord på vissa språk, medan både övertryck och prenumerationer används i enkla matematiska uttryck. Dessa element presenteras i.</p><blockquote><b>Tabell 8-12:</b> Del- och sup-elementen</blockquote><blockquote><b>Bild 8-9:</b> Använda sub- och sup-elementen</blockquote><br><img src='https://i0.wp.com/storage.smarly.net/html5/8.9.png' width="100%" loading=lazy> <p>Chrome är den slutliga bearbetningen av modulens html-kod innan den sätts in i mallens huvudsida. Det finns flera fördefinierade Chrome-stilar (tabell, horz, xhtml, rundad, kontur), men inte alltid vad som är lämpligt för den aktuella uppgiften.</p> <p>För att definiera din egen visningsstil i en mall måste du skapa en "modules.php" -fil i "html" -katalogen. Det vill säga, för en mall med namnet "min_mall" bör filen finnas här - "mallar / min_mall / html / modules.php".</p> <p>I den här filen måste du definiera en funktion som heter "modChrome_STYLE" där STYLE är namnet på din stil. Den här funktionen tar tre argument - $ module, & $ params och & $ attribs som visas nedan:</p> <p>function modChrome_STYLE ($ module, & $ params, & $ attribs) (/ * bearbetning och utmatning av modul html-kod * /)</p> <p>I den här funktionen kan du använda vilken PHP-kod som helst, samt alla parametrar för själva modulen, dess egenskaper och alla data som lagras i Joomla-databasen kommer att vara tillgängliga för dig. I grund och botten behövs bara följande</p> <ul><li>$ module-\u003e content - innehållet i själva modulen, direkt html-kod.</li> <li>$ module-\u003e title - namnet på modulen som anges i kontrollpanelen i modulhanteraren.</li> <li>$ module-\u003e showtitle - flagga om du vill visa titel eller inte (true eller false).</li> </ul><p>Funktionen modChrome_STYLE är en vanlig php-funktion, här kan du använda absolut vilken php-kod som helst. Nedan följer ett exempel, om rubrikvisning är aktiverad i modulinställningarna, kommer rubriktexten att visas före modulinnehållet.</p> <p>function modChrome_STYLE ($ module, & $ params, & $ attribs) (if ($ module-\u003e showtitle) (echo " <h2>". $ module-\u003e title."</h2>";) echo $ module-\u003e content;)</p> <p>Det är möjligt att hänvisa till alla modulparametrar. Låt oss till exempel rama in modulen med klassen</p> <p><div class="<?php echo $params->get ("modulklass_sfx"); ?\u003e "\u003e </div></p> <p>Du kan också lägga till dina egna attribut till positionskoden, som används i Chrome. För att göra detta, i positionstaggen <jdoc:include /> lägg till dina egna attribut. Du kan ange godtyckliga namn på ytterligare attribut, de kommer alla att överföras till den associerande arrayen $ attribs.</p> <h4>Ett praktiskt exempel på en Chrome-funktion:</h4> <p>function modChrome_custom ($ module, $ params, $ attribs) (if (isset ($ attribs ["headerLevel"))) ($ headerLevel \u003d $ attribs ["headerLevel"];) else ($ headerLevel \u003d 3;) if (isset ($ attribs ["background"])) ($ background \u003d $ attribs ["background"];) else ($ background \u003d "blue";) echo " <div >"; if ($ module-\u003e showtitle) (echo" <h" .$headerLevel .">". $ module-\u003e title."</h" .$headerLevel .">";) eko" <div class=".$background.">"; echo $ module-\u003e content; echo"</div>"; eko"</div>"; }</p> <h4>Praktiska exempel på att använda funktionen "modChrome_custom"</h4> <p> <jdoc:include type="modules" name="user1" style="custom" />  <div> <h3></h3> <div class="blue">  </div> </div></p> <p> <jdoc:include type="modules" name="user1" style="custom" background="green" />  <div> <h3></h3> <div class="green">  </div> </div></p> <p> <jdoc:include type="modules" name="user1" style="custom" headerLevel="1" background="yellow" />  <div> <h1></h1> <div class="yellow">  </div> </div></p> <p>En av de största styrkorna med PHP är hur den hanterar HTML-formulär. Huvudpoängen här är att varje formulärelement automatiskt görs tillgängligt för dina PHP-program. För mer information om hur du använder formulär i PHP, läs avsnittet. Här är ett exempel på HTML-formulär:</p> <p><b>Exempel 1 Grundläggande HTML-formulär</b></p> <p><form action="action.php" method="post"> <p>Ditt namn: <input type="text" name="name" /></p> <p>Din ålder: <input type="text" name="age" /></p> <p><input type="submit" /></p> </form></p> <p>Det finns inget speciellt med denna form. Detta är ett vanligt HTML-formulär utan några speciella taggar. När användaren fyller i formuläret och klickar på knappen Skicka kommer action.php-sidan att anropas. Den här filen kan innehålla något som:</p> <p><b>Exempel # 2 Visar formulärdata</b></p> <p>Hallå,<?php echo htmlspecialchars ($_POST [ "name" ]); ?> .<br>Du<?php echo (int) $_POST [ "age" ]; ?> år.</p> <p>Ett exempel på resultatet av detta program:</p> <p>Hej Sergey. Du är 30 år gammal.</p> <p>Om du inte tar hänsyn till kodbitarna med <span><a href="https://mkr-novo2.ru/sv/function.htmlspecialchars.php" class="function">htmlspecialchars ()</a> </span> och <i>(int)</i>bör principen för driften av denna kod vara enkel och okomplicerad. <span><a href="https://mkr-novo2.ru/sv/function.htmlspecialchars.php" class="function">htmlspecialchars ()</a> </span> Säkerställer att "speciella" HTML-tecken är korrekt kodade så att ingen skadlig HTML eller Javascript sätts in på din sida. Åldersfältet, som vi vet är ett tal, kan vi bara <a href="https://mkr-novo2.ru/sv/language.types.type-juggling.php#language.types.typecasting" class="link">omvandla</a> i <span><a href="https://mkr-novo2.ru/sv/language.types.integer.php" class="type integer">heltal</a> </span>, vilket automatiskt sparar oss från oönskade karaktärer. PHP kan också göra detta automatiskt med hjälp av tillägget <a href="https://mkr-novo2.ru/sv/ref.filter.php" class="link">filtrera</a> ... Variabler <a href="https://mkr-novo2.ru/sv/reserved.variables.post.php" class="classname">$ _POST ["namn"]</a> och <a href="https://mkr-novo2.ru/sv/reserved.variables.post.php" class="classname">$ _POST ["ålder"]</a> installeras automatiskt åt dig med hjälp av PHP. Vi använde tidigare den superglobala variabeln <a href="https://mkr-novo2.ru/sv/reserved.variables.server.php" class="classname">$ _SERVER</a> , här använder vi superglobalen på samma sätt <a href="https://mkr-novo2.ru/sv/reserved.variables.post.php" class="classname">$ _POST</a> som innehåller alla POST-data. Lägg märke till att <i>leveransmetod</i> (metod) i vårt formulär är POST. Om vi \u200b\u200banvände metoden <i>SKAFFA SIG</i>, då skulle vår formulärinformation vara i superglobalen <a href="https://mkr-novo2.ru/sv/reserved.variables.get.php" class="classname">$ _FÅ</a> ... Dessutom kan du använda variabeln <a href="https://mkr-novo2.ru/sv/reserved.variables.request.php" class="classname">$ _FÖRFRÅN</a> om datakällan är irrelevant. Denna variabel innehåller en blandning av GET, POST, COOKIE-data.</p> <p><b>15 år sedan</b></p> <p>Enligt HTTP-specifikationen ska du använda POST-metoden när du använder formuläret för att ändra tillståndet för något på serverns ände. Till exempel om en sida har ett formulär för att tillåta användare att lägga till egna kommentarer, så här sida här, ska formuläret använda POST. Om du klickar på "Ladda om" eller "Uppdatera" på en sida som du har nått genom en POST är det nästan alltid ett fel - du borde inte lägga upp samma kommentar två gånger - vilket är varför dessa sidor inte är bokmärkta eller cachade.</p><p>Du bör använda GET-metoden när ditt formulär är, ja, ta bort något från servern och egentligen inte ändra någonting. Till exempel bör formuläret för en sökmotor använda GET, eftersom sökning på en webbplats inte borde ändra något som klienten kanske bryr sig om, och bokmärkning eller cachning av resultaten från en sökmotorfråga är lika användbart som bokmärkning eller cachning en statisk HTML-sida.</p> <p><b>2 år sedan</b></p> <p>Värt att förtydliga:</p><p>POST är inte säkrare än GET.</p><p>Anledningarna till att välja GET vs POST involverar olika faktorer, såsom avsikten med förfrågan (skickar du information)? Storleken på begäran (det finns gränser för hur länge en URL kan vara och GET-parametrar skickas URL), och hur lätt du vill att åtgärden ska delas - Exempel: Google-sökningar GET eftersom det gör det enkelt att kopiera och dela sökfrågan med någon annan genom att bara dela webbadressen.</p><p>Säkerhet är bara ett övervägande här på grund av det faktum att en GET är lättare att dela än en POST. Exempel: du vill inte att ett lösenord ska skickas av GET, eftersom användaren kan dela den resulterande URL: n och oavsiktligt avslöja sitt lösenord.</p><p>En GET och en POST är dock lika lätt att fånga upp av en välplacerad skadlig person om du inte distribuerar TLS / SSL för att skydda nätverksanslutningen.</p><p>Alla formulär som skickas via HTTP (vanligtvis port 80) är osäkra, och idag (2017) finns det inte många goda skäl för en offentlig webbplats att inte använda HTTPS (vilket i grunden är HTTP + Transport Layer Security).</p><p>Som en bonus, om du använder TLS minimerar du risken för att användarna får kod (AD) injiceras i din trafik som inte placerades där av dig.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> </div> </div> </div> <aside class="col-lg-4 col-md-12 col-md-offset-4 col-lg-offset-0" id="right"> <div> </div> <br/> <div> </div> <br/> <div> </div> <br/> <div> </div> <br/> </aside> </div> </div> </div> <div class="popup" id="share"> <div class="perfect-scroll" style="text-align: center"> <div style="margin-bottom: 20px"> <strong> Nedladdningen börjar nu ...</strong> <br> Glöm inte att dela material <br>på sociala nätverk med din <br> kollegor</div> <div> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus" data-counter=""></div> </div> </div> <div class="close-pop pull-right"> <svg width="10px" height="10px" viewBox="0 0 10 10"> <path fillrule="evenodd" d="M 6.41 5C 6.41 5 9.24 7.83 9.24 7.83 9.63 8.22 9.63 8.85 9.24 9.24 8.85 9.63 8.22 9.63 7.83 9.24 7.83 9.24 5 6.41 5 6.41 5 6.41 2.17 9.24 2.17 9.24 1.78 9.63 1.15 9.63 0.76 9.24 0.37 8.85 0.37 8.22 0.76 7.83 0.76 7.83 3.59 5 3.59 5 3.59 5 0.76 2.17 0.76 2.17 0.37 1.78 0.37 1.15 0.76 0.76 1.15 0.37 1.78 0.37 2.17 0.76 2.17 0.76 5 3.58 5 3.58 5 3.58 7.83 0.76 7.83 0.76 8.22 0.37 8.85 0.37 9.24 0.76 9.63 1.15 9.63 1.78 9.24 2.17 9.24 2.17 6.41 5 6.41 5Z"></path> </svg> </div> </div> <section id="views"> <div class="container"> </div> </section> <script type="text/javascript"> $(document).ready( function () { $('.kursiv').readmore({ speed: 75, maxHeight: 84, heightMargin: 16, moreLink: '<a href="#"><span>Показать полностью</span>', lessLink: '<a href="#"><span>Скрыть</span></a>', } ); } ); </script> <style> div.kursiv { margin-bottom: 0; } #razrabotka { margin-top: 30px; } .readmore-js-toggle { font-style: italic; color: #999; display: inline; margin-right: 10px; font-size: 14px; cursor: pointer; border-bottom: 1px dotted #e6e6e6; } </style></section> <footer> <div class="container"> <div class="row"> <div class="col-xs-16 col-sm-4 col-md-3"> <p>© 2021, mkr-novo2.ru, Internet. Utbildning. Program. Firmware. Installation och konfiguration. Navigatorer</p> <div class="social"> <a target="_blank" href=""> <svg width="32px" height="19px" viewBox="0 0 32 19"> <path fillRule="evenodd" d="M 15.36 18.01C 15.36 18.01 17.24 18.01 17.24 18.01 17.24 18.01 17.81 17.94 18.1 17.64 18.36 17.37 18.35 16.85 18.35 16.85 18.35 16.85 18.32 14.41 19.49 14.05 20.64 13.7 22.12 16.4 23.69 17.45 24.87 18.23 25.77 18.06 25.77 18.06 25.77 18.06 29.97 18.01 29.97 18.01 29.97 18.01 32.16 17.87 31.12 16.21 31.03 16.07 30.51 14.97 28 12.72 25.37 10.35 25.72 10.74 28.89 6.65 30.82 4.16 31.59 2.65 31.35 2 31.12 1.38 29.7 1.54 29.7 1.54 29.7 1.54 24.98 1.57 24.98 1.57 24.98 1.57 24.63 1.52 24.37 1.67 24.12 1.82 23.95 2.16 23.95 2.16 23.95 2.16 23.21 4.09 22.21 5.72 20.11 9.18 19.27 9.36 18.92 9.15 18.12 8.65 18.32 7.14 18.32 6.07 18.32 2.72 18.85 1.32 17.3 0.96 16.79 0.84 16.41 0.76 15.1 0.75 13.41 0.73 11.99 0.76 11.18 1.14 10.64 1.39 10.23 1.96 10.48 1.99 10.79 2.03 11.5 2.18 11.88 2.67 12.36 3.31 12.34 4.74 12.34 4.74 12.34 4.74 12.62 8.68 11.69 9.17 11.06 9.5 10.18 8.82 8.31 5.68 7.35 4.08 6.62 2.3 6.62 2.3 6.62 2.3 6.48 1.97 6.23 1.8 5.93 1.58 5.51 1.51 5.51 1.51 5.51 1.51 1.02 1.54 1.02 1.54 1.02 1.54 0.35 1.56 0.1 1.84-0.12 2.09 0.08 2.62 0.08 2.62 0.08 2.62 3.6 10.57 7.57 14.57 11.22 18.25 15.36 18.01 15.36 18.01 15.36 18.01 15.36 18.01 15.36 18.01Z"/> </svg> </a> <a target="_blank" href=""> <svg viewBox="0 0 25 25" width="25px" height="25px"> <path class="st0" d="M12.5,12.7c3.2,0,5.8-2.6,5.8-5.8c0-3.2-2.6-5.8-5.8-5.8C9.3,1,6.7,3.6,6.7,6.8C6.7,10,9.3,12.7,12.5,12.7z M12.5,3.9c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9C9.6,5.2,10.9,3.9,12.5,3.9z M19.2,13.4 c-0.3-0.7-1.2-1.2-2.5-0.3c-1.6,1.3-4.3,1.3-4.3,1.3s-2.6,0-4.3-1.3c-1.2-1-2.1-0.4-2.5,0.3c-0.6,1.2,0.1,1.7,1.5,2.7 c1.3,0.8,3,1.1,4.1,1.2l-0.9,0.9c-1.3,1.3-2.6,2.6-3.4,3.4c-0.5,0.5-0.5,1.4,0,1.9l0.2,0.2c0.5,0.5,1.4,0.5,1.9,0l3.4-3.4 c1.3,1.3,2.6,2.6,3.4,3.4c0.5,0.5,1.4,0.5,1.9,0l0.2-0.2c0.5-0.5,0.5-1.4,0-1.9l-3.4-3.4l-0.9-0.9c1.1-0.1,2.8-0.4,4.1-1.2 C19.2,15.1,19.8,14.5,19.2,13.4z"/> </svg> </a> <a target="_blank" href="https://facebook.com/"> <svg width="26px" height="25px" viewBox="0 0 26 25"> <path fillRule="evenodd" d="M 24.33-0C 24.33-0 1.96-0 1.96-0 1.19-0 0.57 0.62 0.57 1.38 0.57 1.38 0.57 23.62 0.57 23.62 0.57 24.38 1.19 25 1.96 25 1.96 25 14 25 14 25 14 25 14 15.32 14 15.32 14 15.32 10.72 15.32 10.72 15.32 10.72 15.32 10.72 11.54 10.72 11.54 10.72 11.54 14 11.54 14 11.54 14 11.54 14 8.76 14 8.76 14 5.53 15.98 3.77 18.88 3.77 20.27 3.77 21.46 3.88 21.81 3.92 21.81 3.92 21.81 7.3 21.81 7.3 21.81 7.3 19.8 7.3 19.8 7.3 18.22 7.3 17.92 8.04 17.92 9.13 17.92 9.13 17.92 11.54 17.92 11.54 17.92 11.54 21.68 11.54 21.68 11.54 21.68 11.54 21.19 15.32 21.19 15.32 21.19 15.32 17.92 15.32 17.92 15.32 17.92 15.32 17.92 25 17.92 25 17.92 25 24.33 25 24.33 25 25.09 25 25.71 24.38 25.71 23.62 25.71 23.62 25.71 1.38 25.71 1.38 25.71 0.62 25.09-0 24.33-0Z"/> </svg> </a> <a target="_blank" href="https://youtube.com/"> <svg width="26px" height="19px" viewBox="0 0 26 19"> <path fillRule="evenodd" d="M 25.75 14.46C 25.75 14.46 25.5 16.18 24.75 16.93 23.79 17.92 22.72 17.93 22.23 17.99 18.71 18.24 13.43 18.25 13.43 18.25 13.43 18.25 6.89 18.19 4.88 18 4.32 17.89 3.06 17.92 2.11 16.93 1.35 16.18 1.11 14.46 1.11 14.46 1.11 14.46 0.86 12.45 0.86 10.44 0.86 10.44 0.86 8.55 0.86 8.55 0.86 6.54 1.11 4.52 1.11 4.52 1.11 4.52 1.35 2.81 2.11 2.05 3.06 1.06 4.14 1.06 4.63 1 8.15 0.75 13.42 0.75 13.42 0.75 13.42 0.75 13.43 0.75 13.43 0.75 13.43 0.75 18.71 0.75 22.23 1 22.72 1.06 23.79 1.06 24.75 2.05 25.5 2.81 25.75 4.52 25.75 4.52 25.75 4.52 26 6.54 26 8.55 26 8.55 26 10.44 26 10.44 26 12.45 25.75 14.46 25.75 14.46ZM 10.83 5.73C 10.83 5.73 10.83 12.72 10.83 12.72 10.83 12.72 17.62 9.24 17.62 9.24 17.62 9.24 10.83 5.73 10.83 5.73Z"/> </svg> </a> </div> </div> <div class="col-lg-2 col-sm-4 col-xs-16 links"> <h4>mkr-novo2.ru</h4> <a href="https://mkr-novo2.ru/sv/category/internet/">Internet</a> <a href="https://mkr-novo2.ru/sv/category/multimedia/">Multimedia</a> <a href="https://mkr-novo2.ru/sv/category/navigation/">Navigatorer</a> <a href="https://mkr-novo2.ru/sv/category/education/">Utbildning</a> <a href="https://mkr-novo2.ru/sv/category/at/">FÖRBI</a> <a href="https://mkr-novo2.ru/sv/category/problems/">Problem</a> </div> <div class="col-lg-2 col-sm-3 col-xs-16 links"> <h4>om projektet</h4> <a href="">Respons</a> <a href="">Om webbplatsen</a> </div> <div class="col-lg-5 col-sm-1 col-xs-16 links"></div> <div class="col-lg-4 col-sm-5 col-xs-16 links"> </div> </div> <div class="row v-center"> <div class="col-md-8 col-xs-16"> <a data-fancybox data-type="iframe" data-src="">Kontakter</a> </div> <div class="col-md-8 col-xs-16"> <div class="share pull-right"> <script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf-8"></script> <script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus" data-counter=""></div> </div> </div> </div> </div> </footer> <a href="https://mkr-novo2.ru/sv/#bot" id="to-top"> <svg width="50px" height="50px" viewBox="0 0 50 50"> <circle cx="25.00" cy="25.00" r="25.00" fill="rgb(0,0,0)" opacity="0.37"/> <path fillRule="evenodd" d="M 33.94 24.46C 33.94 24.46 25.89 16.3 25.89 16.3 25.32 15.73 24.41 15.73 23.84 16.3 23.84 16.3 15.79 24.46 15.79 24.46 14.88 25.38 15.52 26.97 16.81 26.97 16.81 26.97 20.43 26.97 20.43 26.97 21.23 26.97 21.88 27.62 21.88 28.43 21.88 28.43 21.88 32.51 21.88 32.51 21.88 33.71 22.83 34.68 24.01 34.68 24.01 34.68 25.72 34.68 25.72 34.68 26.9 34.68 27.86 33.71 27.86 32.51 27.86 32.51 27.86 28.43 27.86 28.43 27.86 27.62 28.5 26.97 29.31 26.97 29.31 26.97 32.92 26.97 32.92 26.97 34.21 26.97 34.85 25.38 33.94 24.46Z" fill="rgb(241,241,241)"/> </svg> </a> <div class="overlay"></div> <div class="popup" id="password"> <div class="perfect-scroll"> <h2>Återställning av lösenord <div class="close-pop pull-right"> <svg width="10px" height="10px" viewBox="0 0 10 10"> <path fillRule="evenodd" d="M 6.41 5C 6.41 5 9.24 7.83 9.24 7.83 9.63 8.22 9.63 8.85 9.24 9.24 8.85 9.63 8.22 9.63 7.83 9.24 7.83 9.24 5 6.41 5 6.41 5 6.41 2.17 9.24 2.17 9.24 1.78 9.63 1.15 9.63 0.76 9.24 0.37 8.85 0.37 8.22 0.76 7.83 0.76 7.83 3.59 5 3.59 5 3.59 5 0.76 2.17 0.76 2.17 0.37 1.78 0.37 1.15 0.76 0.76 1.15 0.37 1.78 0.37 2.17 0.76 2.17 0.76 5 3.58 5 3.58 5 3.58 7.83 0.76 7.83 0.76 8.22 0.37 8.85 0.37 9.24 0.76 9.63 1.15 9.63 1.78 9.24 2.17 9.24 2.17 6.41 5 6.41 5Z"/> </svg> </div> </h2> <div class="recover-success"> <form action="/recovery/request" data-method="post" method="post" class="recover_form"> <p>Ange din e-postadress för att återställa ditt lösenord!</p> <div class="input-wrp"> <input name="email" type="text" placeholder="Skriv in din e-postadress"> </div> <input type="submit" data-disable-with="Отправить..." class="btn green" value="Skicka meddelande"> </form> </div> <div class="auth-form_error" style="padding-top: 10px"></div> </div> </div> <script> $('.user.one').click(function (e, ob) { $('.user').removeClass('active-user'); $('.user.one').addClass('active-user'); $('#user_type').val('1'); e.stopPropagation(); } ); $('.user.two').click(function (e, ob) { $('.user').removeClass('active-user'); $('.user.two').addClass('active-user'); $('#user_type').val('2'); e.stopPropagation(); } ); $('.user.three').click(function (e, ob) { $('.user').removeClass('active-user'); $('.user.three').addClass('active-user'); $('#user_type').val('3'); e.stopPropagation(); } ); function clearErrors() { $('.auth-form_error').each(function () { $(this).html(''); } ); } $('body').on('click', '.open-login-form', function (e) { $('#register, .overlay').removeClass('visible-pop'); $('#login, .overlay').addClass('visible-pop'); e.preventDefault(); } ); $('body').on('click', '.open-pass-form', function (e) { $('#register, .overlay').removeClass('visible-pop'); $('#password, .overlay').addClass('visible-pop'); e.preventDefault(); } ); $('.login_form') .on('ajax:beforeSend', function (event, xhr, settings) { clearErrors(); } ) .on('ajax:complete', function (event, xhr, status) { } ) .on('ajax:success', function (event, data, status, xhr) { if (data.status == 0) { $('.auth-form_error').html(data.text + '<br>'); } else { $('.open-register').html(data.text); var delay = 1000; window.location.href = url = window.location.href + "?login=ok"; location.replace(url); setTimeout('window.location.reload(true);', delay); } } ).on('ajax:error', function (event, xhr, status, error) { } ); $('.recover_form') .on('ajax:beforeSend', function (event, xhr, settings) { clearErrors(); } ) .on('ajax:complete', function (event, xhr, status) { } ) .on('ajax:success', function (event, data, status, xhr) { console.log(data); if (data.status == 0) { $('.auth-form_error').html(data.text + '<br>'); } else { $('.recover-success').html('<div class="success" >' + data.text + '</div>'); } } ).on('ajax:error', function (event, xhr, status, error) { } ); $('.registration_form') .on('ajax:beforeSend', function (event, xhr, settings) { var emailError = $('#emailError'); var passwordError = $('#passwordError'); var passwordVerify = $('#passwordVerifyError'); var userTypeError = $('#userTypeError'); var emailExist = $('#emailExist'); emailError.html(''); passwordError.html(''); passwordVerify.html(''); userTypeError.html(''); emailExist.hide(); } ) .on('ajax:complete', function (event, xhr, status) { } ).on('ajax:success', function (event, data, status, xhr) { // insert the failure message inside the "#account_settings" element //console.log(data); if (data.status == 0) { //$('.reg-info').html('<div class="error">' + data.text + '</div>'); if (data.text.email) { var emailError = $('#emailError'); var emailExist = $('#emailExist'); console.log(data.text.email); if (data.text.email == 'Найдена совпадающая со значением запись') { console.log('alert'); emailExist.show(); } else { emailError.html('<i class="icon-error"></i><div class="error_note_wrapper">' + '<div class="error_note">' + '<span class="error_note_text">' + data.text.email + '</span></div></div>'); } } if (data.text.password) { var passwordError = $('#passwordError'); console.log(data.text.password); passwordError.html('<i class="icon-error"></i><div class="error_note_wrapper">' + '<div class="error_note">' + '<span class="error_note_text">' + data.text.password + '</span></div></div>'); } if (data.text.passwordVerify) { var passwordVerify = $('#passwordVerifyError'); console.log(data.text.passwordVerify); passwordVerify.html('<i class="icon-error"></i><div class="error_note_wrapper">' + '<div class="error_note">' + '<span class="error_note_text">' + data.text.passwordVerify + '</span></div></div>'); } if (data.text.captcha) { var captcha = $('#captchaError'); console.log(data.text.captcha); captcha.html('<i class="icon-error"></i><div class="error_note_wrapper">' + '<div class="error_note">' + '<span class="error_note_text">' + data.text.captcha + '</span></div></div>'); } if (data.text.userType) { var user_type = $('#userTypeError'); console.log(data.text.userType); user_type.html('<i class="icon-error"></i><div class="error_note_wrapper">' + '<div class="error_note">' + '<span class="error_note_text">' + data.text.userType + '</span></div></div>'); } } else { $('.reg-success').html(data.text); var delay = 2000; window.location.href = url = window.location.href + "?reg=ok"; location.replace(url); setTimeout('window.location.reload(true);', delay); } } ).on('ajax:error', function (event, xhr, status, error) { } ); </script> <div class="popup" id="premium-pop"> </div> <link rel="stylesheet" href="/videouroki/res/lightslider/lightslider.min.css"> <link rel="stylesheet" href="/videouroki/res/perfectScrollbar/perfect-scrollbar.css"> <link rel="stylesheet" href="/videouroki/assets/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="/assets/vendor/fancybox/jquery.fancybox.min.css"> <script src="/videouroki/res/perfectScrollbar/perfect-scrollbar.jquery.min.js"></script> <script src="/js/rails.js"></script> <script src="/videouroki/res/lightslider/lightslider.min.js"></script> <script src="/videouroki/res/jquery.validate.min.js"></script> <script src="/videouroki/res/autosize-master/autosize.min.js"></script> <script src="/videouroki/js/tabs.js"></script> <script src="/videouroki/js/select.js"></script> <script src="/videouroki/js/global.js?2109"></script> <script src="/videouroki/js/views.js"></script> <script src="/videouroki/plugin/notify/notify.min.js"></script> <script src="/videouroki/plugin/notify/notify-metro.js"></script> <script src="/videouroki/js/lazyload.min.js"></script> <script src="/assets/vendor/fancybox/jquery.fancybox.min.js"></script> <script type="text/javascript"> $(document).ready( function () { // new LazyLoad(); } ) </script>  <script type="text/javascript" src="/videouroki/js/readmore.js"></script></body> </html>