Hi guys, how do we programmatically change css from ajax?

Question

JavaScript

akh Amirul Idzham

Hi guys, how do we programmatically change css from ajax?

it is required due to pseudo thingy

0

30.04.2024

26 ответов

20 просмотров

Simen

You have two questions here: * How do I use the result of AJAX calls? * How do I change CSS with JS? The answer to the second is "You can't". What you can do is add or remove <style> tags, modify .style props of elements, and change classes of elements

0

21 день назад

akh Amirul Idzham Автор вопроса

Richard | Dm for Paid Support
I read this from right to left and left to right s...

I don't have my resources now but what I can tell you that I need to set top position of sticky display row of table header according to its content. It's dynamic row

0

21 день назад

akh Amirul Idzham Автор вопроса

Simen
You have two questions here: * How do I use the re...

I see... The ajax call return strings array to be output as row header that required sticky row position from top. Well as per you said, I guess as per my reading on web, there's no way for inline styling for pseudo elements. Guess I've to find another way

0

21 день назад

Richard | Dm for Paid Support

akh Amirul Idzham
I don't have my resources now but what I can tell ...

let me get this straight, you fetch html from a remote server and you want to apply styling to the first row (make it sticky)?

0

21 день назад

akh Amirul Idzham Автор вопроса

Richard | Dm for Paid Support
let me get this straight, you fetch html from a re...

Sorry but nope, I get data only from ajax to append those rows. I just need to do some calculations to set the top of sticky position

0

20 дней назад

devFojo Olubo

akh Amirul Idzham
I see... The ajax call return strings array to be ...

True, there is no way to directly style pseudo elements with js, but you can use css variables. Set the variable value with javascript, and use the value in the css

0

20 дней назад

devFojo Olubo

devFojo Olubo
True, there is no way to directly style pseudo ele...

PS: This is me assuming you're using React or it's frameworks. I don't know how to achieve this in vanilla JS or other JS frameworks

0

20 дней назад

akh Amirul Idzham Автор вопроса

devFojo Olubo
True, there is no way to directly style pseudo ele...

I guess so, perhaps need to find another way

0

20 дней назад

akh Amirul Idzham Автор вопроса

devFojo Olubo
PS: This is me assuming you're using React or it's...

Yeah this is Vue btw

0

20 дней назад

devFojo Olubo

akh Amirul Idzham
Yeah this is Vue btw

I figured a way to do it on vanilla. It will work on Vue too

0

20 дней назад

devFojo Olubo

devFojo Olubo
I figured a way to do it on vanilla. It will work ...

This is the basic idea about it

0

20 дней назад

devFojo Olubo

devFojo Olubo
I figured a way to do it on vanilla. It will work ...

0

20 дней назад

devFojo Olubo

devFojo Olubo
I figured a way to do it on vanilla. It will work ...

0

20 дней назад

Perlik Yubenji

devFojo Olubo

Similar to having a div inside a span, this works but is not the "recommended" standard way. Here is how one is supposed to do it paragraph.style.setProperty("--clr", "blue");

0

20 дней назад

akh Amirul Idzham Автор вопроса

devFojo Olubo
I figured a way to do it on vanilla. It will work ...

This is okay before scrolling and another one after scrolling, which is should not behave like that

0

19 дней назад

akh Amirul Idzham Автор вопроса

devFojo Olubo
I figured a way to do it on vanilla. It will work ...

Стикер

0

19 дней назад

akh Amirul Idzham Автор вопроса

devFojo Olubo
I figured a way to do it on vanilla. It will work ...

For short data like this: { position: sticky; top: 73px; } For long data like this: { position: sticky; top: 81px; }

0

19 дней назад

devFojo Olubo

akh Amirul Idzham
This is okay before scrolling and another one afte...

What is this supposed to be?

0

18 дней назад

akh Amirul Idzham Автор вопроса

devFojo Olubo
What is this supposed to be?

Should be the image of another one. Without overlapping of other tr tag

0

18 дней назад

devFojo Olubo

akh Amirul Idzham
Should be the image of another one. Without overla...

Like it should stick without overlapping the top section?

0

18 дней назад

akh Amirul Idzham Автор вопроса

devFojo Olubo
Like it should stick without overlapping the top s...

Yeah. That's it. It has 2 layers that are both sticky positions

0

18 дней назад

devFojo Olubo

akh Amirul Idzham
Yeah. That's it. It has 2 layers that are both sti...

You'd have to calculate the exact point to set the top value to.

0

18 дней назад

akh Amirul Idzham Автор вопроса

devFojo Olubo
You'd have to calculate the exact point to set the...

Yeah I figured out so. Yesterday I did resolved the issue but with hard code. So it is temporary solution

0

18 дней назад

devFojo Olubo

akh Amirul Idzham
Yeah I figured out so. Yesterday I did resolved th...

Sure, hardcoding can be like that. You can make it dynamic with javascript

0

18 дней назад

akh Amirul Idzham Автор вопроса

devFojo Olubo
Sure, hardcoding can be like that. You can make it...

Yeah but the problem is as the title gets even longer, the hard code may no longer works, maybe need something like multiplication with a number or floating number may help. Still figuring out the best way

0

18 дней назад

Richard | Dm for Paid Support · Accepted Answer

Richard | Dm for Paid Support

I read this from right to left and left to right still doesn't make any sense, kindly share before and after pictures

0

21 день назад

Похожие чаты

Hi guys, how do we programmatically change css from ajax?

26 ответов

Похожие вопросы