Bootstrap Random Class Use
|Bootstrap Random Class का उपयोग कैसे कर सकते हैं उसके बारे मे इस Article मे बताया गया हैं ।
Bootstrap में Colour के अनुसार अलग अलग क्लास होती हैं जैसे primary, secondary, warning, dark, light आदि, कभी कभी ऐसे situation आती हैं की हमें loop में हर Row पर अलग अलग colour करना होते हैं, इस स्तिथि में हम इस logic से Bootstrap Class को Randomly उपयोग में ले सकते हैं ।
<html>
<head>
<title>Bootstrap Random Class Example</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body>
<?php
$v=0;
$RandomValue[1] = 'primary';
$RandomValue[2] = 'secondary';
$RandomValue[3] = 'success';
$RandomValue[4] = 'warning';
$RandomValue[5] = 'danger';
function GetColour($RandomValue, &$v)
{
$v ++;
if ($v > count($RandomValue)) {
$v =1;
}
return $RandomValue[$v];
}
$i=0;
while ($i<10) //Loop
{
$i++;
$Clr = GetColour($RandomValue, $v);
?>
<div class="row p-1 m-1">
<div class="btn btn-<?php echo $Clr; ?>" >Button</div>
</div>
<?php
} //
?>
</body>
</html>
$v
इस Variable का उपयोग हमने Indexing करने के लिए किया हैं , हमे हर बार अलग अलग Colour का उपयोग करना हैं Sequence मे इसलिए इसमे हर बार एक जुड़ता जाएगा और जैसे ही संख्या Array Count से बड़ी होगी यह फिर से 1 हो जाएगा ।
$RandomValue[1]
यहा पर हमने Array लिया हैं और जो भी Bootstratp के Standard Colour हैं उनके Name को इसमे Assign किया हैं, यदि आप इनमे से कुछ ही Colour का उपयोग करना चाहते हैं तो उन्ही Colour की Entry करे ।
GetColour
function GetColour($RandomValue, &$v)
{
$v ++;
if ($v > count($RandomValue)) {
$v =1;
}
return $RandomValue[$v];
}
यह program का main Logic हैं इसमे हमने $v को Refrence Variable के रूप मे लिया हैं और उसे Increment कर Array की Value Return की हैं जो उस Index पर हैं ।
$Clr = GetColour($RandomValue, $v);
इस तरह से Function Call करने से $Clr मे primary , secondary आदि वैल्यू आएगी जो हर बार एक Sequence मे बदल कर आएगी ताकि हर बार आप अलग अलग Colour को अपने प्रोग्राम मे दिखा सके ।
Using Rand Function
यदि हम उपरोक्त Function मे निम्न प्रकार से बदलाव कर देंगे तो जो Colour हैं वह इस प्रकार से कुछ अलग ही sequence मे दिखाई देने लगेंगे ।
function GetColour($RandomValue, &$v)
{
$v = rand(1, count($RandomValue));
return $RandomValue[$v];
}
हमारे अन्य ARTICLE
- MySQL Aggregate Function
- MySQL Stored Procedures
- MySQL Trigger (Before/After)
- PHP Form Validations, Required, Filter
- PHP MySQL Connection
- Dropdown Retrieve from MySQL
- Learn C (Single Page Summary)
- Arduino Guide 2021 (Hindi)
- कीबोर्ड शॉर्टकट्स
आशा हैं मुझे की आपको Bootstrap Random Class का उपयोग किसी भी Loop Statement मे किस प्रकार से करना हैं समझ मे आ गया होगा फिर भी यदि कोई Doubt हो तो आप मुझे Comment कर सकते हैं ।
यह Article कैसा लगा हमे जरूर बताए अपना कीमती समय देने के लिए धन्यवाद