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 ответов

54 просмотра

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

6 месяцев назад

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

Richard | If you DM for support you PAY
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

6 месяцев назад

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

6 месяцев назад

Richard | If you DM for support you PAY

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

6 месяцев назад

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

Richard | If you DM for support you PAY
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

6 месяцев назад

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

6 месяцев назад

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

6 месяцев назад

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

6 месяцев назад

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

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

Yeah this is Vue btw

0

6 месяцев назад

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

6 месяцев назад

devFojo Olubo

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

This is the basic idea about it

0

6 месяцев назад

devFojo Olubo

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

0

6 месяцев назад

devFojo Olubo

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

0

6 месяцев назад

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

6 месяцев назад

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

6 месяцев назад

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

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

Стикер

0

6 месяцев назад

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

6 месяцев назад

devFojo Olubo

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

What is this supposed to be?

0

6 месяцев назад

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

6 месяцев назад

devFojo Olubo

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

Like it should stick without overlapping the top section?

0

6 месяцев назад

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

6 месяцев назад

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

6 месяцев назад

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

6 месяцев назад

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

6 месяцев назад

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

6 месяцев назад

Richard | If you DM for support you PAY · Accepted Answer

Richard | If you DM for support you PAY

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

0

6 месяцев назад

Похожие чаты

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

26 ответов

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