Hulp bij weekdagen vs weekend dagen
Ben aan het snuffelen geweest en bij onderstaande code wordt de kalender weer gegeven.
Nu wil ik de weekdagen (ma-vrij) dat de kolommen 10% zijn en de weekend (za-zo) 25% van de breedte worden.
Hoe kan ik onderstaande code aanpassen zodat dit gebeurd?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?php
$tr = apply_filters( 'mc_grid_week_wrapper', 'tr', $params['format'] );
$th = apply_filters( 'mc_grid_header_wrapper', 'th', $params['format'] );
$close_th = ( 'th' === $th ) ? 'th' : $th;
$th .= ( 'th' === $th ) ? ' scope="col"' : '';
// If in a calendar format, print the headings of the days of the week.
if ( 'list' === $params['format'] ) {
$body .= "<ul id='list-$id' class='mc-list'>";
} else {
$body .= ( 'tr' === $tr ) ? '<thead>' : '<div class="mc-table-body">';
$body .= "\n <$tr class='mc-row'>\n";
if ( apply_filters( 'mc_show_week_number', false, $args ) ) {
$body .= " <$th class='mc-week-number'>" . __( 'Week', 'my-calendar' ) . "</$close_th>\n";
}
for ( $i = 0; $i <= 6; $i ++ ) {
if ( 0 === (int) $start_of_week ) {
$class = ( $i < 6 && $i > 0 ) ? 'day-heading' : 'weekend-heading';
} else {
$class = ( $i < 5 ) ? 'day-heading' : 'weekend-heading';
}
$dayclass = sanitize_html_class( $abbrevs[ $i ] );
if ( ( 'weekend-heading' === $class && $show_weekends ) || 'weekend-heading' !== $class ) {
$body .= " <$th class='$class $dayclass'>" . $name_days[ $i ] . "</$close_th>\n";
}
}
?>
$tr = apply_filters( 'mc_grid_week_wrapper', 'tr', $params['format'] );
$th = apply_filters( 'mc_grid_header_wrapper', 'th', $params['format'] );
$close_th = ( 'th' === $th ) ? 'th' : $th;
$th .= ( 'th' === $th ) ? ' scope="col"' : '';
// If in a calendar format, print the headings of the days of the week.
if ( 'list' === $params['format'] ) {
$body .= "<ul id='list-$id' class='mc-list'>";
} else {
$body .= ( 'tr' === $tr ) ? '<thead>' : '<div class="mc-table-body">';
$body .= "\n <$tr class='mc-row'>\n";
if ( apply_filters( 'mc_show_week_number', false, $args ) ) {
$body .= " <$th class='mc-week-number'>" . __( 'Week', 'my-calendar' ) . "</$close_th>\n";
}
for ( $i = 0; $i <= 6; $i ++ ) {
if ( 0 === (int) $start_of_week ) {
$class = ( $i < 6 && $i > 0 ) ? 'day-heading' : 'weekend-heading';
} else {
$class = ( $i < 5 ) ? 'day-heading' : 'weekend-heading';
}
$dayclass = sanitize_html_class( $abbrevs[ $i ] );
if ( ( 'weekend-heading' === $class && $show_weekends ) || 'weekend-heading' !== $class ) {
$body .= " <$th class='$class $dayclass'>" . $name_days[ $i ] . "</$close_th>\n";
}
}
?>
Edit:
code-tags geplaatst!
Gewijzigd op 22/09/2020 18:12:21 door - Ariën -
Ik zou ook bij het einde beginnen.
Hoe ziet de uiteindelijk geproduceerde HTML eruit.
Kun je de CSS zo manipuleren dat je het gewenste effect kunt bereiken.
Aanpassingen doen in code zou ik uitstellen tot blijkt dat het niet anders kan, het bovenstaande ziet er al best generiek uit namelijk.
Misschien kun je ook aangeven wat voor framework of pakket dit betreft?
En heb je al gezocht op manieren om de stijlen aan te passen? Dit klinkt namelijk niet echt als een super uniek probleem, dus anderen zijn jou waarschijnlijk al voorgegaan in het oplossen hiervan. Tenzij dit alles maatwerk is natuurlijk. Maar zo ziet het er niet echt uit.
Gewijzigd op 22/09/2020 19:33:13 door Thomas van den Heuvel
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<?PHP
for ( $i = 0; $i <= 6; $i ++ ) {
if ( 0 === (int) $start_of_week ) {
$class = ( $i < 6 && $i > 0 ) ? 'day-heading' : 'weekend-heading';
} else {
$class = ( $i < 5 ) ? 'day-heading' : 'weekend-heading';
}
$dayclass = sanitize_html_class( $abbrevs[ $i ] );
if ( ( 'weekend-heading' === $class && $show_weekends ) || 'weekend-heading' !== $class ) {
$body .= " <$th class='$class $dayclass'>" . $name_days[ $i ] . "</$close_th>\n";
}
?>
for ( $i = 0; $i <= 6; $i ++ ) {
if ( 0 === (int) $start_of_week ) {
$class = ( $i < 6 && $i > 0 ) ? 'day-heading' : 'weekend-heading';
} else {
$class = ( $i < 5 ) ? 'day-heading' : 'weekend-heading';
}
$dayclass = sanitize_html_class( $abbrevs[ $i ] );
if ( ( 'weekend-heading' === $class && $show_weekends ) || 'weekend-heading' !== $class ) {
$body .= " <$th class='$class $dayclass'>" . $name_days[ $i ] . "</$close_th>\n";
}
?>
Maar ik ben niet zo goed in php lezen. Laat staan programmeren
Gewijzigd op 22/09/2020 19:35:27 door Aschwin Loon
Pas het aan, en kijk naar de HTML-output van je browser, net zo lang tot het klopt.
Beetje vervelend van een forum
Toevoeging op 22/09/2020 19:46:16:
ipv iemand de goede richting insturen met een juiste tip van probeer dit eens aan te passen of probeer dat aan te passen
Toevoeging op 22/09/2020 19:54:09:
Thomas van den Heuvel op 22/09/2020 19:31:45:
Kun je dit niet gewoon in CSS regelen? Je hebt per slot van rekening een day-heading en weekend-heading class?
Ik zou ook bij het einde beginnen.
Hoe ziet de uiteindelijk geproduceerde HTML eruit.
Kun je de CSS zo manipuleren dat je het gewenste effect kunt bereiken.
Aanpassingen doen in code zou ik uitstellen tot blijkt dat het niet anders kan, het bovenstaande ziet er al best generiek uit namelijk.
Misschien kun je ook aangeven wat voor framework of pakket dit betreft?
En heb je al gezocht op manieren om de stijlen aan te passen? Dit klinkt namelijk niet echt als een super uniek probleem, dus anderen zijn jou waarschijnlijk al voorgegaan in het oplossen hiervan. Tenzij dit alles maatwerk is natuurlijk. Maar zo ziet het er niet echt uit.
Ik zou ook bij het einde beginnen.
Hoe ziet de uiteindelijk geproduceerde HTML eruit.
Kun je de CSS zo manipuleren dat je het gewenste effect kunt bereiken.
Aanpassingen doen in code zou ik uitstellen tot blijkt dat het niet anders kan, het bovenstaande ziet er al best generiek uit namelijk.
Misschien kun je ook aangeven wat voor framework of pakket dit betreft?
En heb je al gezocht op manieren om de stijlen aan te passen? Dit klinkt namelijk niet echt als een super uniek probleem, dus anderen zijn jou waarschijnlijk al voorgegaan in het oplossen hiervan. Tenzij dit alles maatwerk is natuurlijk. Maar zo ziet het er niet echt uit.
Het stukje code genegeerd dit stukje HTML.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<thead>
<tr class='mc-row'>
<th scope="col" class='day-heading mon'><abbr title="maandag" aria-hidden="true">ma</abbr><span class="screen-reader-text">maandag</span></th>
<th scope="col" class='day-heading tues'><abbr title="dinsdag" aria-hidden="true">di</abbr><span class="screen-reader-text">dinsdag</span></th>
<th scope="col" class='day-heading wed'><abbr title="woensdag" aria-hidden="true">wo</abbr><span class="screen-reader-text">woensdag</span></th>
<th scope="col" class='day-heading thur'><abbr title="donderdag" aria-hidden="true">do</abbr><span class="screen-reader-text">donderdag</span></th>
<th scope="col" class='day-heading fri'><abbr title="vrijdag" aria-hidden="true">vr</abbr><span class="screen-reader-text">vrijdag</span></th>
<th scope="col" class='weekend-heading sat'><abbr title="zaterdag" aria-hidden="true">za</abbr><span class="screen-reader-text">zaterdag</span></th>
<th scope="col" class='weekend-heading sun'><abbr title="zondag" aria-hidden="true">zo</abbr><span class="screen-reader-text">zondag</span></th>
</tr>
</thead>
<tr class='mc-row'>
<th scope="col" class='day-heading mon'><abbr title="maandag" aria-hidden="true">ma</abbr><span class="screen-reader-text">maandag</span></th>
<th scope="col" class='day-heading tues'><abbr title="dinsdag" aria-hidden="true">di</abbr><span class="screen-reader-text">dinsdag</span></th>
<th scope="col" class='day-heading wed'><abbr title="woensdag" aria-hidden="true">wo</abbr><span class="screen-reader-text">woensdag</span></th>
<th scope="col" class='day-heading thur'><abbr title="donderdag" aria-hidden="true">do</abbr><span class="screen-reader-text">donderdag</span></th>
<th scope="col" class='day-heading fri'><abbr title="vrijdag" aria-hidden="true">vr</abbr><span class="screen-reader-text">vrijdag</span></th>
<th scope="col" class='weekend-heading sat'><abbr title="zaterdag" aria-hidden="true">za</abbr><span class="screen-reader-text">zaterdag</span></th>
<th scope="col" class='weekend-heading sun'><abbr title="zondag" aria-hidden="true">zo</abbr><span class="screen-reader-text">zondag</span></th>
</tr>
</thead>
Eigenlijk wil ik dus in dit stukje code als het een weekdag (ma-vrij) is dat width="10%" en bij weekenddagen (za-zo) width="25%"
Gewijzigd op 22/09/2020 19:57:12 door Aschwin Loon
Aschwin Loon op 22/09/2020 19:45:36:
wat een fukc antwoord is dat man.....ik stel een gerichte vraag en dan krijg je een antwoord van zoek het maar uit.....
Beetje vervelend van een forum
Beetje vervelend van een forum
Ho even....
Dat van het 'zoek zelf maar uit' beweer ik nergens!
Dit is gewoon hulp waarmee je stapje voor stapje bij de oplossing komt.
Het is niet zo dat we hier kant en klare code moeten geven. Zie het als een duwtje in de goede richting!
Gewijzigd op 22/09/2020 20:09:11 door - Ariën -
Thomas van den Heuvel op 22/09/2020 20:23:09:
Ik zou dus beginnen bij de stylesheet want alle onderdelen hebben (CSS-)classes. Daar kun je toch gewoon widths definiëren? Maak een backup van het originele CSS-bestand en gaan met die banaan :p.
Ja maar dit is onderdeel van een kalander welke een plugin is voor Wordpress
Toevoeging op 22/09/2020 20:52:26:
inmiddels maar wat aangekloot en opgelost.
Ik verlaat dit forum meteen.
Aschwin Loon op 22/09/2020 20:37:08:
Ja maar dit is onderdeel van een kalander welke een plugin is voor Wordpress
WordPress heeft waarschijnlijk uitgebreide mogelijkheden om aanpassingen te doen in stylesheets van bestaande plugins/onderdelen, zonder een letter in de originele code aan te passen.
eerste Google resultaat