Just nu i M3-nätverket
Gå till innehåll

jonathanh

Medlem
  • Antal inlägg

    11
  • Gick med

  • Senaste besök

Om jonathanh

  • Medlemstitel
    Användare

Senaste profilbesöken

Blocket med senaste besökare är inaktiverat och visas inte för andra besökare.

  1. Testade med router och det visade sig att det skulle bli mer rader med kod så det blir till att köra med variabler ändå.
  2. Tack för svar🙂 ska titta närmare på det och se hur jag ska implementera det på sidan. Om jag kan är inte så kunnig på Javascript/JQuery.
  3. Jag jobbar på en hemsida där toppmeny länken ska vara i aktiv status och undermeny länken med som matchar en artikels kategori som t.ex. upplev och besök> boende > hus på landet. alltså då ska följande visas i aktiv status upplev och besök och boende. jag har lyckats att göra detta men jag använder mig av variabler som jag har satt ditt fasta adresser på för varje kategori. T.ex. när användaren är inne på en produkt sida så kollar en else if sats om adressen är (window.location.href.indexOf(arkivNyheterAdress) > -1) sätt en bakgrundsfärg och hover på den första toppmenylänken och sen $(".nav div div a:eq(0)").addClass("svart-text-vit-bg"); på underlänken. när den gå på nästa artikel kategori som t.ex evenemang så ska följande vara aktiva upplev och besök och $(".nav div div a:eq(1)").addClass("svart-text-vit-bg"). Vad jag undrar är om det finns något sätt att undgå att använda variabler med fasta adresser på och hitta en annan lösning? hoppas att ni förstår vad jag är ute efter:) Har testat lite med switch case men kände att där får jag ändå sätta ditt fasta adress i koden. vilket jag helst skulle vilja undvika. Här nedan har ni jQuery koden så som den ser ut idag. /* 2019 Vetlanda kommun */ $(document).ready(function() { /*-------------------Adress variablar--------------------------*/ /*Adress för startsidan*/ var aktAdress = " "; aktAdress = "https://vetlanda.se/2.1d2a7c7616342fe18ec4a777.html"; /*Adress för övrigtsidan*/ var ovrigtAdress = ""; ovrigtAdress = "https://vetlanda.se/ovrigt/"; /*Adress för kontaktsidan*/ var kontaktAdress = ""; kontaktAdress = "https://vetlanda.se/kontaktaoss.4.a225ea0163f45910d2705f.html"; /*Artikelarkiv adress start*/ var arkivBoende = ""; arkivBoende = "https://vetlanda.se/artikelarkiv/boende/"; var arkivEvenemang = ""; arkivBoende = "https://vetlanda.se/artikelarkiv/evenemang/"; var arkivMatOchDryck = ""; arkivMatOchDryck = "https://vetlanda.se/artikelarkiv/matochdryck/"; var arkivShopping = ""; arkivShopping = "https://vetlanda.se/artikelarkiv/shopping/"; var arkivUpplev = ""; arkivUpplev = "https://vetlanda.se/artikelarkiv/upplev/"; /*Artikelarkiv adress slut*/ /*Utförande kod för aktiv och matchande undermeny samt hover funktion för meny länkar*/ /*Hover, toggle och focus ut funktion för första sidan*/ if ((location.href == aktAdress) || (window.location.href.indexOf(kontaktAdress) > -1)) { startkontaktFunktioner(); } else if (location.href != aktAdress); /*Visar undermenyn som matchar toppmenylänken*/ $(".nav div [href]").each(function() { if (this.href == window.location.href) { $(this).parent().css({ "background": "#d2d2d2", "color": "black" }); $(this).parent().addClass("active hover"); $("div.sub div.child:last-child").focusout(function() { $(".nav div").removeClass("hover"); }); /*Toggleknapp funktion för nivå 2 undermeny och dölja aktiv undermeny*/ $(".nav div").on("click", "button", function() { $(".nav div.hover").toggleClass("hover"); $(this).closest(".nav div").toggleClass("hover"); }); mouseOverOut(); } /*Hover och aktiv funktion på menyn för sidan arkiv boende*/ else if ((window.location.href.indexOf(arkivBoende) > -1)) { $(".nav div div a:eq(0)").addClass("svart-text-vit-bg"); artikelFunktioner(); } /*Hover och aktiv funktion på menyn för sidan arkiv evenemang*/ else if ((window.location.href.indexOf(arkivEvenemang) > -1)) { $(".nav div div a:eq(1)").addClass("svart-text-vit-bg"); artikelFunktioner(); } /*Hover och aktiv funktion på menyn för sidan arkiv mat och dryck*/ else if ((window.location.href.indexOf(arkivMatOchDryck) > -1)) { $(".nav div div a:eq(2)").addClass("svart-text-vit-bg"); artikelFunktioner(); } /*Hover och aktiv funktion på menyn för sidan arkiv shopping*/ else if ((window.location.href.indexOf(arkivShopping) > -1)) { $(".nav div div a:eq(4)").addClass("svart-text-vit-bg"); artikelFunktioner(); } /*Hover och aktiv funktion på menyn för sidan arkiv upplev*/ else if ((window.location.href.indexOf(arkivUpplev) > -1)) { $(".nav div div a:eq(5)").addClass("svart-text-vit-bg"); artikelFunktioner(); } /*Visar matchande undermeny för nivå 3 samt aktiv länk*/ else($(".nav div div [href]").each(function() { if (this.href == window.location.href) { $(this).parents().eq(3).addClass("active hover").css("background", "#d2d2d2"); $(this).addClass("svart-text-vit-bg"); $(this).hover(function() { return false; }); mouseOverOut(); } })); }); /*----------------------Funktioner---------------------------------*/ /*Hover funktion för länkar*/ function linkHover() { $(".nav div").hover(function() { $(this).addClass("hover"); }, function() { $(this).removeClass("hover"); }); } /*Togglebutton funktion för visning av undermeny*/ function toggleButton() { $("button").click(function() { $(this).closest(".nav div").toggleClass("hover"); }); } /*Focusout funktion för döljande av undermeny efter sista tab på sista länken i undermeny*/ function focusOut() { $("div.sub div.child:last-child").focusout(function() { $(".nav div").removeClass("hover"); }); } /*Mouseover funktion för att dölja aktiv undermeny och Mouseout funktion för att visa aktiv undermeny efter att användaren har muspekaren över en annan topplänk och sedan tar muspekaren därifrån*/ function mouseOverOut() { /*Mouseover funktion för att dölja aktiv undermeny*/ $(".nav div").mouseover(function() { $(".nav div.hover").toggleClass("hover"); $(this).closest(".nav div").addClass("hover"); }); /*Mouseout funktion för att visa aktiv undermeny efter att användaren har muspekaren över en annan topplänk och sedan tar muspekaren därifrån*/ $(".nav div").mouseout(function() { $(this).closest(".nav div").toggleClass("hover"); $(".nav div.active").addClass("hover"); }); } /*Funktion för att markera första toppmenylänken samt lägga till active hover klass*/ function artikelTopActive() { $(".nav div:first").addClass("active hover").css("background", "#d2d2d2"); } /*Funktion för utförande av samtliga funktioner: artikelTopActive();mouseOverOut();toggleButton();focusOut();*/ function artikelFunktioner() { artikelTopActive();mouseOverOut();toggleButton();focusOut(); } /*Funktion för utförande av samtliga funktioner linkHover();toggleButton();focusOut();*/ function startkontaktFunktioner() { linkHover();toggleButton();focusOut(); } });
  4. och? man kan hjälpa andra också som läser denna tråd som har liknade problem eller letar efter ett gratis program för att redigera sina fotografier.
  5. Har du testat att skriva in egen CSS kod och köra via inspektera element sen hitta där titelraden är säg .title är CSS klassnamnet kopiera denna i egen CSS kod och sätt sen display:none; fult trick men har gjort det många gånger på saker som jag inte vill ska synas på dem Wordpress sidor jag har jobbat med. annars är det bara till att Google testa med att söka på engelska burkar få fram fler sökresultat då
  6. Körde lite själv i Photoshop just nu och så här blev resultatet
  7. Om du inte vill installera ett gratis program så finns det ett online som är och väldigt bra och enkelt, visst lite reklam vid sidan men det stör i alla fall inte mig. pixlr.com
  8. Har använt ett fotoredigerings program på nätet för att göra vissa redigeringar när jag inte haft tillgång till Photoshop. Visst det syns lite reklam men det rätt så likt Photoshop om man inte har det kan jag rekommendera det. pixlr.com Man kan ställa in den upplösning man vill ha i meny valet bild > bildstorlek. Eller så väljer man att använda sig av beskärningsverktyget och ställer in upplösningen där och sedan "ritar man" upp en bild på bilden som man vill ha beskuren. Man kommer att se hur den slutgiltiga bilden kommer att se ut typ"live". Kan till och med flytta rutan så att man får med det viktigaste man vill ha.
  9. Det verkar vara ett väldigt användbart program ska kolla lite mer på det. Tack för tipset.
  10. Testa att göra detta. Har du kollat så att det inte är mycket damm i datorn vilket kan resultera i att datorn blir för varm och då stänger den av sig. Som sagt kolla vad som använder mest av din CPU i aktivitetshanteraren, kan vara så att du har för mycket program som körs i bakgrunden och din dator klarar inte av det.
  11. Hej! Jag undrar om det är någon som vet om ett program där man kan se vad som behöver optimeras på en hemsida? Som exempel SEO, storleksförminskning av bilder och optimering av CSS, JavaScript och html. Jag har hittat ett tillägg till Firefox och ett till Chrome men den kollar bara på sidan som är aktiv. Det skulle vara bra om man kunde hitta något program eller en hemsida som kollar genom alla sidor finns på hemsidan. Här nedan är länkar till tilläggen som jag fann väldigt användbara. Firefox: Axe Developer Tools Chrome: Lighthouse
×
×
  • Skapa nytt...