Includere fisier css cu javascript
Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
-
adrian_ady
- Mesaje: 80
Includere fisier css cu javascript
Salut,
am un script pentru accept cookies. Js-ul minificat contine si css-ul. Imi este greu sa fac anumite schimbari(culoare, font, etc.) datorita 'aglomerarii' de date si vreau sa fac ca js-ul sa foloseasca un css extern pe care sa-l pot modifica mult mai usor. Inainte de a posta aici am incercat cateva variante dar nu am reusit; ma ajutati?
Iata expresia de schimbat:
Cod: Selectaţi tot
jQuery("head").append('<style type="text/css">' + this.options.css + "</style>");
MarPlo
Mesaje: 4343
Salut
Fisierul css extern se include cu tag <link>.
Poti sa folosesti aeasta functie ca sa incluzi un fisier css in pagina html:
Cod: Selectaţi tot
// adrcss is the address of the css file
function loadCss(adrcss) {
document.querySelector('head').insertAdjacentHTML('beforeend', '<link rel="stylesheet" href="'+ adrcss +'" type="text/css" />');
}
//usage
loadCss('address/file.css');
Sau cu jQuery:
Cod: Selectaţi tot
var adrcss ='address/file.css';
$('head').append('<link rel="stylesheet" href="'+ adrcss +'" type="text/css" />');
adrian_ady
Mesaje: 80
'neatza,
nu am reusit sa rezolv. Este foarte probabil ca nu este suficienta inlocuirea sau stergerea
Cod: Selectaţi tot
jQuery("head").append('<style type="text/css">' + this.options.css + "</style>");
Dau mai jos linkul pentru scriptul ce-l folosesc (evident, varianta free). In acest fel este mult mai
usor de inteles situatia de rezolvat.
civicuk.com/cookie-control/pricing
MarPlo
Mesaje: 4343
Din ce am vazut, acel script necesita crearea unei configuratii pe pagina lor, apoi sa obtii un API key, .. Nu ma complic cu asa ceva.
Codul dat in raspunsul anterior arata cum se poate include in pagina un fisier css cu javascript.
Daca problema e alta, acel script ar trebui sa aibe niste instructiuni de utilizare.
- Poti sa deschizi un subiect nou cu codul pe care-l folosesti, si unde nu te descurci.
adrian_ady
Mesaje: 80
Asa este, fara acel API Key nu se pot face probe altfel incarcam eu undeva acele fisiere sa poata fi accesibile si studiate. Poate se va gasi cineva care sa fie direct interesat de implementare si sa descopere ce modificari trebuie facute.
MarPlo
Mesaje: 4343
Din ce am inteles dupa ce am citit mai atent primul post, acel cod JS adauga un tag <style> cu proprietati css care sunt definite tot in codul javascript.
Ai putea sa incarci fisierul css extern tot in tag <style>, folosind proprietatea
@import .
Incearca sa inlocuiesti codul JS initial:
Cod: Selectaţi tot
jQuery("head").append('<style type="text/css">' + this.options.css + "</style>");
Cu acesta:
Cod: Selectaţi tot
jQuery('head').append('<style type="text/css"> @import url("adresa/fisier.css"); </style>');
MarPlo
Mesaje: 4343
Am sters acea postare; am incercat sa ajut cu ce am stiut, mai mult nu ma bag in acel script.
Subiecte similare
-
Accesare fișier XML din alt domeniu in JS
JavaScript - jQuery - Ajax
Primul mesaj
Creez un site web cu HTML și JavaScript care se bazează pe datele unui fișier XML de pe un domeniu separat.
Pot realiza acest lucru cu jQuery-Ajax...
Ultimul mesaj
Încerca să folosesti API-ul fetch.
fetch('//example.com/file_address')
.then( response => response.text() )
.then( response => {...
-
Produsul Dot a doua array in Javascript
JavaScript - jQuery - Ajax
Primul mesaj
Cum se poate implementa eficient o metoda dotProduct (pentru a obține produsul Dot din două array) fără a importa alte biblioteci Javascript?
De...
Ultimul mesaj
Iată o metodă.
Se foloseste funcția map() pentru a crea un nou array cu rezultate înmulțite ale fiecărui index, apoi se aplica funcția reduce()...
-
Problemă cu 'this' în function.call() în JavaScript
JavaScript - jQuery - Ajax
Primul mesaj
De ce function.call() se comportă diferit cu ' this ' cand nu e adaugat ca argument, în JavaScript?
Rezultatul cu 'this' în test.call() este același...
Ultimul mesaj
Functia call() necesita primul argument, care e pentru obiectul 'this', daca nu ai nevoie de el, adauga null .
test.call(null, ...args);
In...
-
Adaugare apostrof la value in input cu JavaScript
JavaScript - jQuery - Ajax
Primul mesaj
Am un cod JavaScript care adaugă un câmp input pentru utilizator:
var user = O'Conner, John ;
b.innerHTML += <input type='hidden' value=' +...
Ultimul mesaj
Poți să înlocuiesti caracterul cu entitatea lui HTML.
Astfel, pentru apostrof (') poate fi ’ sau ‘
var user = O'Conner,...
-
Lungime obiect JSON in JavaScript
JavaScript - jQuery - Ajax
Primul mesaj
Am convertit un tabel din baze de date într-un obiect JSON.
Aceasta este, în esență, un array bidimensional, fiecare înregistrare fiind pe cate un...
Ultimul mesaj
Poti sa folosesti Object.keys pentru a obține lista de chei din obiect ca un array, apoi obții cu 'length' lungimea din el:...
-
Sare peste index-uri in bucla for…of in Javascript
JavaScript - jQuery - Ajax
Primul mesaj
In vechea bucla for() in JavaScript, ca sa sar peste index-uri faceam asa:
for (let i=0; i<bla.length; i+=2){
//...
}
Astfel, pentru...
Ultimul mesaj
Poti sa adaugi o conditie if() in bucla for…of, ca in urmatorul exemplu (indexul initial e pastrat).
for (const of bla.entries()) {
if (!(i %...